Question

我使用以下方法向页面添加元素：

var di = document.createElement("div");
di.id='container';
document.body.appendChild(di)

现在当我尝试使用Internet Explorer 8和jQuery删除元素时：

jQuery(di).remove();

我的行为不一致..这意味着它适用于除了Internet Explorer 8之外的所有浏览器（在ie7上可能相同，但我不在乎:-)）

有什么想法吗？

谢谢

Answer 1

也许如果元素是用jQuery添加的：

var di = jQuery("<div/>").attr('id','container').appendTo('body');

然后：

di.remove();

Answer 2

你确定代码在IE8中不起作用吗？看起来您必须刷新开发人员工具的内容才能看到添加/删除的div。

我刚刚使用以下代码进行了测试，它在FF和IE8中工作

<!DOCTYPE html>
<html class="main" lang="en">
<head>
    <meta charset="utf-8">
    <script type="text/javascript">
        function add() {
            var di = document.createElement("div");
            di.id='container';
            di.appendChild(document.createTextNode('Testing'));
            document.body.appendChild(di)
        }
        function remove() {
            document.body.removeChild(document.getElementById('container'));
        }
    </script>
</head>
<body>
    <button onclick="add();">Add</button>
    <button onclick="remove();">Remove</button>
</body>
</html>

删除Internet Explorer 8中动态添加的元素

2 个答案: