document.getElementById/Name/TagName这三个可以取得元素,分别通过查询id、name和标签名。但他们的返回值室友区别的。
下面来看个简单的例子:
<div id="myDiv" name="sb" class="bd" title="Body text" lang="en" dir="ltr" my_special_attribute="hello!">Some text</div>
<script>
//document.write(document.getElementById("myDiv")+"<br>");
//document.write(document.getElementsByName("sb")+"<br>");
//document.write(document.getElementsByTagName("div")+"<br>");
document.write(document.getElementById("myDiv").getAttribute("my_special_attribute"));
document.write(document.getElementsByName("sb").getAttribute("my_special_attribute"));
document.write(document.getElementsByTagName("div").getAttribute("my_special_attribute"));
</script>
如代码所示:
document.getelementsByName和document.getelementsByTagName在这里的用法是错误的。原因是getelementById返回的是对象(具有相同id属性的第一个),getelementsByName和getelementsByTagName返回的是数组对象。
如果要使用getelementsByName和getelementsByTagName返回具体的对象,就要进行索引,代码如下:
document.write(document.getElementsByName("sb")[0].getAttribute("my_special_attribute"));
document.write(document.getElementsByTagName("div")[0].getAttribute("my_special_attribute"));
多写一点这段代码里容易犯的小错误(与本文主题无关),就是换行的实现。我们都知道在HTML中换行用</br>(或<br>),在javascript中换行用转义符\n。
但在本段代码中document.write()用的<br>,和上述规则不同,这是因为document.write()的内容是输出到HTML中,所以采用<br>。