码迷,mamicode.com
首页 > Web开发 > 详细

HTMLDOM-删除已有的 HTML 元素

时间:2016-11-08 17:14:44      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:com   包含   解决方法   元素   target   ref   pre   other   targe   

摘自www.w3school.com:http://www.w3school.com.cn/htmldom/dom_elements.asp
如需删除 HTML 元素,您必须清楚该元素的父元素:
<div id="div1">
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>
<script>
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);
</script>

这个 HTML 文档包含一个带有两个子节点(两个 <p> 元素)的 <div> 元素:

<div id="div1">
<p id="p1">This is a paragraph.</p>
<p id="p2">This is another paragraph.</p>
</div>

查找 id="div1" 的元素:

var parent=document.getElementById("div1");

查找 id="p1" 的 <p> 元素:

var child=document.getElementById("p1");

从父元素中删除子元素:

parent.removeChild(child);

提示:能否在不引用父元素的情况下删除某个元素?

很抱歉。DOM 需要了解您需要删除的元素,以及它的父元素。

这里提供一个常用的解决方法:找到您需要删除的子元素,然后使用 parentNode 属性来查找其父元素:

var child=document.getElementById("p1");
child.parentNode.removeChild(child);

 

HTMLDOM-删除已有的 HTML 元素

标签:com   包含   解决方法   元素   target   ref   pre   other   targe   

原文地址:http://www.cnblogs.com/hihtml5/p/6043229.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!