在internetexplorer8中删除dynamically添加的元素

removing dynamicaly added element in internet explorer 8

本文关键字：添加 元素 dynamically 删除 internetexplorer8      更新时间：2023-09-26

我使用向页面添加元素

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

现在，当我试图使用internetexplorer8和jQuery删除元素时，比如：

jQuery(di).remove();

我的行为不稳定。。这意味着它适用于除InternetExplorer8之外的所有浏览器（可能在ie7上也是一样，但我不再在乎了：-）

有什么想法吗？

感谢

如果元素是用jQuery:添加的话

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

然后：

di.remove();

您确定代码在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>
相关文章：