QA@IT

javascriptでタグのidを文字列と変数で構成する方法を教えてください。

22056 PV

下記のコードにて、ループで、タグを自動生成し、出力結果が「hello0hello1」になるようにしたいです。

タグのidを文字列と変数の両方で構成するにはどうしたら良いのでしょうか?

もし、そのような事ができない場合、対処法について教えて頂けませんでしょうか?

<!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01//EN' 'http://www.w3.org/TR/html4/strict.dtd'>
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Script-Type" content="text/javascript">

</head>
<body>

<script>
var index = 2;

document.open();
for(var i=0;i<index;i++){
    document.write('<span id="sample"+i>hello</span>');
    document.getElementById("sample"+i).innerHTML = 'hello'+i;
}
document.close();

</script>

</body>
</html>

回答

sampleのところですよね?

for(var i=0;i<index;i++){
    document.write('<span id="sample'+i+'">hello</span>');
    document.getElementById("sample"+i).innerHTML = 'hello'+i;
}

とかでなりませんかね。

FireFoxのFirebugのようなツールを使うと、JavaScriptで生成されているHTMLも確認できるのでデバッグしやすいですよ。

編集 履歴 (0)
  • ありがとうございます!うまくいきました。
    firebugも使いやすいですね!
    -
ウォッチ

この質問への回答やコメントをメールでお知らせします。