上山打老虎 发表于 2021-7-30 18:21:57

Javascript操作Dom对象

一.创建节点
这段代码创建新<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);



文档来源:51CTO技术博客https://blog.51cto.com/u_15316096/3209787
页: [1]
查看完整版本: Javascript操作Dom对象