DOM基础整理 - 3

1 添加节点(HTML元素)

创建新的HTML元素时,必须先创建元素(元素节点),然后向一个已存在的元素追加该元素。For example:

这是一个段落。

这是另一个段落。

var para=document.createElement("p"); //代码创建新的

元素:

var node=document.createTextNode("这是新段落。"); //创建了一个文本节点

para.appendChild(node);//向

元素追加这个文本节点

var element=document.getElementById("div1");//必须向一个已有的元素追加这个新元素,所以先找到一个已有的元素

element.appendChild(para);

2 删除已有的HTML元素

如需删除HTML元素,您必须首先获得该元素的你元素,For example:

//该HTML 文档含有拥有两个子节点(两个

元素)的

元素

这是一个段落。

这是另一个段落。

var parent=document.getElementById("div1");//找到 id="div1" 的元素:

var child=document.getElementById("p1");//找到 id="p1" 的

元素:

parent.removeChild(child);//从父元素中删除子元素

提示:如果能够在不引用父元素的情况下删除某个元素,就太好了。不过很遗憾。DOM 需要清楚您需要删除的元素,以及它的父元素。

这是常用的解决方案:找到您希望删除的子元素,然后使用其 parentNode 属性来找到父元素:

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

child.parentNode.removeChild(child);

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

友情链接更多精彩内容