Question

如何查找没有ID的<div>代码？

这是我的标记：

<body>
    <div>this is a text</div>
</body>

这是我用来向页面添加div的JavaScript：

var show = function () {
    var htmlNode = document.createElement('DIV');
    document.body.insertBefore(htmlNode, document.body.childNodes[0]);
    htmlNode.innerHTML = 'this is a text';
 };

 if (window.addEventListener) {
     window.addEventListener("load", show, true);
 } else {

 }        

 window.attachEvent("onload", show);

如何在加载页面后删除它？将JavaScript放在页面底部？

Answer 1

如果你保留htmlNode句柄，你已经有了删除该元素的路径。

document.body.removeChild(htmlNode);

您只需要将htmlNode变量放在show函数共享的范围内，并使用您编写的函数将其删除：

var htmlNode;

var show = function () {
    htmlNode = document.createElement('DIV');
    document.body.insertBefore(htmlNode, document.body.childNodes[0]);
    htmlNode.innerHTML = 'this is a text';
};

var hide = function () {
    document.body.removeChild(htmlNode);
};

或者，你可以给它一个id ...

htmlNode = document.createElement('DIV');
htmlNode.id = 'MyElementId';

Answer 2

使用jQuery：

$('DIV:not([id])').remove();

Answer 3

您是想尝试删除这一个DIV，还是没有ID？

如果您尝试删除没有ID的所有DIV，请使用getElementsByTagName（'div'）检索所有DIV，迭代它们并检查是否缺少ID属性。

Answer 4

document.body.childNodes[0].removeChild();

删除没有id的div元素

4 个答案: