这是示例页面
<!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