<div id="div1" style="height:100px;width:300px;border:1px solid black;">测试
<p>wjy</p>
</div>
parentNode--removeChild常被用来改变文档的结构
firstChild lastChild-.nodeValue访问某个元素的文本
var node = document.getElementsByTagName("div")[0];
//alert(node.innerHTML);
while (node.firstChild) { //循环输出子节点,没有第一个子节点时退出循环
var n = node.firstChild; //获取div第一个子节点
alert("第一个节点是:"+n.nodeValue);
n.parentNode.removeChild(n); //获取对应父节点并且删除他的子节点
alert("删除后"+n.nodeValue);
}
alert(node.nodeValue);//输出undefined
扩展:同样的道理,通过 jQuery也可以轻松地删除已有的 HTML 元素。
这里有两个jQuery 方法:
remove() - 删除被选元素(及其子元素)
empty() - 从被选元素中删除子元素
$("#div1").remove();
//将div节点删除,页面什么都不显示
$("#div1").empty();
//将div的子元素 测试 p 全部删除
分享到:
相关推荐
本文实例讲述了JS实现DOM删除节点操作。分享给大家供大家参考,具体如下: 一 介绍 删除节点通过使用removeChild()方法来实现。 removeChild()方法用来删除一个子节点。 obj. removeChild(oldChild) oldChild:表示...
本文实例讲述了DOM节点删除函数removeChild()用法。分享给大家供大家参考。具体分析如下: DOM删除一个节点,必须要站在父节点的高度去删除,代码如下: 代码如下:<html> <head> [removed] function t...
动态操作dom方法文/1、document.createElement() 动态创建一个元素标签 //2、appendChild:把创建的标签添加到容器的末尾 // 容器.appendChild(newEle) //3、insertBefore:把创建的标签增加到容器中某一个标签的...
操作DOM节点的方法:removeChild(),移除子节点,那么可以变通一下来实现移除指定的节点,我们可以先去找到要删除节点的父节点,然后在父节点中运用removeChild来移除我们想移除的节点。 function removeElement(_...
下面给大家介绍Javascript removeChild()删除节点的方法,具体详情如下所示: 在Javascript中,只提供了一种删除节点的方法:removeChild()。 removeChild() 方法用来删除父节点的一个子节点。 语法: parent....
目录如下: 1. DOM可以做什么? 2. DOM的结构 3. 访问DOM节点1——getElementById() 4. 访问DOM节点2——getElementsByTagName() ...9. 删除DOM节点——removeChild 10. 添加DOM节点 11. DOM简介总结
javascript移出节点removeChild()使用介绍.docx
主要介绍了javascript节点操作移出节点removeChild()的使用,需要的朋友可以参考下
js removeChild 障眼法之可能出现的错误,大家看下代码就知道了。
xmlDoc.removeChild objRootsite '删除某个节点 objXml.parseError '错误接受容器 objXml.parseError.errorCode '返回长整型错误代码 objXml.parseError.reason '返回字符串型错误原因 objXml.parseError....
很短但是很实用 哈哈
本文实例讲述了JavaScript HTML DOM 元素 (节点)新增,编辑,删除操作。分享给大家供大家参考,具体如下: createElement,createTextNode,appendChild,insertBefore,removeChild,replaceChild createElement ...
通过JavaScript可以删除所有节点,本文里主要讨论 removeChild 函数,大家可以看看下面的示例
removechild 函数可以删除父元素的指定子元素。 如果此函数删除子节点成功,则返回被删除的节点,否则返回null。 语法结构: fatherObj.removeChild(childrenObj) 参数解释: 1.fatherObj:要删除子元素的元素对象。 2....
//删除第一个节点 publish xmlUtils.removeChild(xmlUtils.getNodesByXpath('//root/publish')[0]); alert(xmlUtils.toString(root)); var node = xmlUtils.getFirstChild(); //+ xmlUtils.hasAttributes...