0

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

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

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

jQuery(di).remove();

我的行为不一致..这意味着它可以在除 Internet Explorer 8 之外的所有浏览器上运行（在 ie7 上可能相同，但我不再关心 :-)）

有什么想法吗 ？

谢谢

4

2 回答 2

0

您确定代码在 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>
于 2012-08-22T11:59:19.580 回答
0

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

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

然后 ：

di.remove();
于 2012-08-22T11:25:50.363 回答