删除的元素显示了chorme和ie之间的不同

时间:2015-03-24 08:11:05

标签: javascript html

这是示例页面

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Test</title>
</head>
<body>
    <div id="outerDiv"><div id="innerDiv"><input type="checkbox"></div></div>
    <button type="button">Delete</button>
    <script>
        var inner = document.getElementById('innerDiv');
        console.log(inner);

        document.querySelector('button').addEventListener('click', function() {
            document.getElementById('outerDiv').innerHTML = 'hello world';
            console.log(inner);
        });
    </script>
</body>
</html>

点击Delete按钮后,outerDiv会更改innerHTML,然后设置inner

chrome

中的

<div id="innerDiv"><input type="checkbox"></div>

但在ie

<div id="innerDiv"></div>

因此inner

中的变量chrome/ie值不同

似乎ie浏览器会删除innerDiv内容,但不会删除chrome

0 个答案:

没有答案