blocks|key|1781999|text|您应该能够使用节点的.RemoveNode方法或父节点的.RemoveChild方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1782000|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You should be able to use the .RemoveNode method of the node or the .RemoveChild method of the parent node.

blocks|key|1782038|text|如果想要清除div并删除所有子节点，可以放入：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1782039|var+mydiv+=+document.getElementById('FirstDiv');
while(mydiv.firstChild)+{
++mydiv.removeChild(mydiv.firstChild);
}|code-block|syntax|javascript|1782040|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

If you want to clear the div and remove all child nodes, you could put:

<pre><code>var mydiv = document.getElementById('FirstDiv');
while(mydiv.firstChild) {
 mydiv.removeChild(mydiv.firstChild);
}
</code></pre>

blocks|key|1567165|text|您可能应该使用JavaScript库来做这样的事情。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1567166|例如，MochiKit具有函数removeElement，而jQuery具有remove。|offset|length|1567167|entityMap|0|LINK|mutability|MUTABLE|url|http://mochikit.com/doc/html/MochiKit/DOM.html#fn-removeelement|1|http://docs.jquery.com/Manipulation/remove#expr^0|0|F|D|0|12|6|1|0^^$0|@$1|2|3|4|5|6|7|P|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Q|8|@]|9|@$D|R|E|S|1|T]|$D|U|E|V|1|W]]|A|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|G|$H|$5|I|J|K|A|$L|M]]|N|$5|I|J|K|A|$L|O]]]]

You should probably use a JavaScript library to do things like this.

For example, MochiKit has a function <a href="http://mochikit.com/doc/html/MochiKit/DOM.html#fn-removeelement" rel="nofollow noreferrer">removeElement</a>, and jQuery has <a href="http://docs.jquery.com/Manipulation/remove#expr" rel="nofollow noreferrer">remove</a>.

blocks|key|1567192|text|在删除节点之前，您必须删除在节点上设置的任何事件处理程序，以避免IE中的内存泄漏|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1567193|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

You have to remove any event handlers you've set on the node before you remove it, to avoid memory leaks in IE

blocks|key|1782118|text|使用以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1782119|//for+Internet+Explorer
document.getElementById("FirstDiv").removeNode(true);

//for+other+browsers
var+fDiv+=+document.getElementById("FirstDiv");
fDiv.removeChild(fDiv.childNodes[0]);+//first+check+on+which+node+your+required+node+exists,+if+it+is+on+[0]+use+this,+otherwise+use+where+it+exists.|code-block|syntax|javascript|1782120|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Use the following code:

<pre><code>//for Internet Explorer
document.getElementById("FirstDiv").removeNode(true);

//for other browsers
var fDiv = document.getElementById("FirstDiv");
fDiv.removeChild(fDiv.childNodes[0]); //first check on which node your required node exists, if it is on [0] use this, otherwise use where it exists.
</code></pre>

blocks|key|1782140|text|++++var+p=document.getElementById('childId').parentNode;
++++var+c=document.getElementById('childId');
++++p.removeChild(c);
++++alert('Deleted');|type|code-block|depth|inlineStyleRanges|entityRanges|data|syntax|javascript|1782141|P是父节点，c是子节点|unstyled|1782142|parentNode是包含父引用的JavaScript变量|1782143|易于理解|1782144|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$B|C]]|$1|D|3|E|5|F|7|N|8|@]|9|@]|A|$]]|$1|G|3|H|5|F|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|F|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|F|7|Q|8|@]|9|@]|A|$]]]|L|$]]

<pre><code> var p=document.getElementById('childId').parentNode;
 var c=document.getElementById('childId');
 p.removeChild(c);
 alert('Deleted');
</code></pre>

p is parent node and c is child node 
parentNode is a JavaScript variable which contains parent reference 
 
Easy to understand

Is there a function like <code>document.getElementById("FirstDiv").clear()</code>?

How can I remove a child node in HTML using JavaScript?

jQuery

有像document.getElementById("FirstDiv").clear()这样的函数吗？

问如何使用JavaScript删除HTML中的子节点？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用JavaScript删除HTML中的子节点？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用JavaScript删除HTML中的子节点？
EN