(COPY)document.all和document.getElementById用法

最新推荐文章于 2020-09-26 17:19:16 发布

ailao1178

最新推荐文章于 2020-09-26 17:19:16 发布

阅读量272

点赞数

原文链接：http://www.cnblogs.com/jizhitao/archive/2009/10/12/1581805.html

版权

document.all用法:

<html>
<body>
    
    <script>
      var   str=""
      for(i=0;i<document.all.length;i++)
       {
          str+=   i   +   document.all[i].tagName   +"\n"
       }
       alert(str)
    </script>
</body>
</html>

弹出的提示是

0HTML
1HEAD
2TITLE
3BODY
4!
5SCRIPT

原来html、head、title、body这些标签是默认就有的，不管你写的代码里有没有。

document.getElementById用法:

text1：
<input name="textName1" type="text" id="textName2" />
<br>
text2：
<input name="textName2" type="text" id="textName1" />
<br>
<input type="button" name="Submit" value="text1" οnclick=alert(document.getElementById('textName2').value) />
<input type="button" name="Submit2" value="text2" οnclick=alert(document.getElementById('textName1').value) />

我在IE中测试了上面的代码，在第一个文本框中输入1，在第二个文本框中输入2，然后点下面的两个按钮，猜一下结果是什么？

我本意是按钮1返回第一个文本框的值，按钮2返回个文本框的值。

结果是两个按钮都返回了第一个文本框的值。

说明ie执行document.getElementById(elementName)的时候，返回的是第一个name或者id等于elementName的对象，并不是按照ID来查找的。

在fireFox中不存在这样的问题，fireFox执行document.getElementById(elementName)的时候只查找id等于elementName的对象，如果不存在则返回null。

可能IE是考虑的兼容性的问题才这么做的。

转载于:https://www.cnblogs.com/jizhitao/archive/2009/10/12/1581805.html