[bookmark][javascript] getElementsByNameサンプル

getElementsByNameサンプル

pタグ + id=bar01 + name=bar01

pタグ + name=bar01

pタグのみ。

aタグ + id=bar01 + name=bar01
aタグ + name=bar01
aタグのみ。

これだけaタグを書き換えるとjavascript君がページ内を駆け巡っている感じがでますね。

サンプルソース

<script language="JavaScript" type="text/javascript">
hoge01 = "ほげほげ";

function cli1() {
 document.getElementById("bar01").innerHTML = hoge01;
}

function cli2() {
for (i=0;i<50; i++){
 document.getElementsByName("bar01")[i].innerHTML = hoge01;
}
}

function cli3() {
for (i=0;i<50; i++){
 document.getElementsByTagName("a")[i].innerHTML = hoge01;
}
}
</script>

<p id="bar01" name="bar01">pタグ + id=bar01 + name=bar01</p>
<p name="bar01">pタグ + name=bar01</p>
<p>pタグのみ。</p>

<a id="bar01" name="bar01">aタグ + id=bar01 + name=bar01</a><br />
<a name="bar01">aタグ + name=bar01</a><br />
<a>aタグのみ。</a>

<div style="padding:20px 0 0 0;">
<input type="button" value="id=bar01を最初の一つだけ書き換える。" onclick="cli1()"><br />
<input type="button" value="name=bar01の中身を書き換える。" onclick="cli2()"><br />
<input type="button" value="ページ内のほとんどのaタグの中身を書き換える。" onclick="cli3()">
</div>