文字列から数字を抽出しidに追記するJavaScript
■もったいないので載っけちゃいます
以下のような感じに変換される
- before
- <dt><a href=”topics.html”>1
- after
- <dt><a href=”topics.html#spot1″>1
■コード
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無題ドキュメント</title>
<script type="text/javascript">
window.onload = function(){
document.getElementById('execute').onclick = function(){
var txt = document.getElementById('original').value;
while(txt.match(/<dt><a href\=\"([a-z]+)\.html\">([0-9]+)/)){
var reg = new RegExp("<dt><a href\=\"([a-z]+)\.html\">([0-9]+)", '');
var atr1 = RegExp.$1;
var atr2 = RegExp.$2;
var txt = txt.replace(reg, '<dt><a href\="' + atr1 + '.html#spot' + atr2 + '">' + atr2);
}
document.getElementById('converted').value = txt;
}
}
</script>
</head>
<body>
<form action="">
<textarea id="original" name="original" cols="80" rows="10"></textarea>
<textarea id="converted" name="converted" cols="80" rows="10"></textarea>
<p><input type="button" id="execute" value="execute" /></p>
</form>
</body>
</html>
TrackBack URL :
Comments (0)
コメントはまだありません»
No comments yet.
RSS feed for comments on this post.TrackBack URL
Leave a comment