码迷,mamicode.com
首页 > 编程语言 > 详细

Javascript操作Dom对象

时间:2018-08-07 10:17:05      阅读:154      评论:0      收藏:0      [点我收藏+]

标签:parent   rip   情况   文本   asc   document   csharp   rem   情况下   

一.创建节点

这段代码创建新<p>元素

var dom = document.craeteElement("p");

如果需<p>添加文本,你必须创建文本的节点

var node = document.createTextNode("this is new TextNode");

然后你必须向<p>元素添加这个node

dom.appendChild(node);

这个时候已经创建成功了

二.删除节点

例如有一段HTML代码

<div id="div1">
<p id="p1">这是一个段落。</p>
<p id="p2">这是另一个段落。</p>
</div>

 script:

<script>
var parent=document.getElementById("div1");
var child=document.getElementById("p1");
parent.removeChild(child);
</script>

 js删除节点的时候需要找到它的父节点,如果能够在不引用父元素的情况下删除某个节点,就太好了,不过太遗憾了,DOM需要清除你要删除的元素,yi以及它的父元素

这是常用的做法:

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

  

Javascript操作Dom对象

标签:parent   rip   情况   文本   asc   document   csharp   rem   情况下   

原文地址:https://www.cnblogs.com/iWaitYou/p/9435043.html

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