document.getElementById/Name/TagName返回值的小区别

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>。