zoukankan      html  css  js  c++  java
  • IE中getElementsByTagName无法获取元素BUG

    如下

    <!DOCTYPE HTML>
    <html>
    <head>
        <meta charset="utf-8">
        <title>IE中getElementsByTagName无法获取元素BUG</title>
    </head>
    <body>
    <input type="button" id="test" value="TEST">
    <script>
    	var html= '<input type="checkbox">';
    	var div = document.createElement("div");
    	div.innerHTML = html;
    	
    	var a = div.getElementsByTagName("input"); // 语句1
    	document.body.appendChild(div); // 语句2
    	
    	document.getElementById("test").onclick = function() {
    		alert(a[0]);
    	};
    </script>
    </body>
    </html>
    

    点击Input[id=test]

    IE6/7 : 抛异常

    IE8/9 : 弹出 undefined

    Firefox/Safari/Chrome/Opera :弹出 [object HTMLInputElement]


    当把 语句1 和 语句2 位置调换,则不重现。

    当把 div.getElementsByTagName 换成 div.childNodes[0] 或 div.children[0] 时,亦不重现。

    初步判断是IE中 getElementsByTagName 的实现问题,在 MSDN 找到一段:

    This problem occurs because the GetElementsByTagName method returns an XmlNodeList collection that registers listeners on the NodeInserted and the NodeRemoved events. For example, when you call the GetElementsByTagName method ten times, the NodeInserted and the NodeRemoved events have ten listeners. Therefore, when you call the GetElementsByTagName method multiple times, the process of inserting and removing nodes is delayed.

  • 相关阅读:
    mysql正则表达式
    阿里云OSS 获取目录下所有文件
    docker 部署mvc项目 <四>
    docker部署项目 <三>
    docker 安装mysql数据库 <二>
    docker安装 <一>
    安装 Docker <一>
    Mongodb字段自增长
    EF的使用<三>
    EF 简单介绍<一>
  • 原文地址:https://www.cnblogs.com/snandy/p/2000536.html
Copyright © 2011-2022 走看看