@blog.justoneplanet.info

日々勉強

文字列から数字を抽出し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>

コメントはまだありません»

コメントはまだありません。

この投稿へのコメントの RSS フィード。TrackBack URL

コメントする