JavaScript DOM节点操作实例小结(新建,删除HTML元素)

前端之家收集整理的这篇文章主要介绍了JavaScript DOM节点操作实例小结(新建,删除HTML元素)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

@H_403_0@本文实例讲述了JavaScript DOM节点操作方法分享给大家供大家参考,具体如下:


@H_403_0@使用DOM可以新建HTML元素,也可以删除已有的HTML元素。


@H_403_0@(一)新建元素:


<div class="jb51code">
<pre class="brush:js;">

@H_403_0@(二)删除HTML元素

//删除一个元素时,必须首先获取到它的父元素 function deleteEle(){ var parent = document.getElementById("div_02"); var child = document.getElementById("div_02_p2"); parent.removeChild(child); } //使用代码获取元素的父元素 function deleteEle3(){ var child = document.getElementById("div_02_p3"); child.parentNode.removeChild(child); }
@H_403_0@效果图:

@H_403_0@

@H_403_0@示例代码

Javascript 节点

(一)添加元素

(二)删除元素


@H_403_0@更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》、《》、《》及《用法总结》

@H_403_0@希望本文所述对大家JavaScript程序设计有所帮助。

猜你在找的JavaScript相关文章