原生JavaScript对dom节点操作总结-js教程-PHP中文网QQ群微信公众号还没有收藏原生JavaScript对dom节点操作总结在开发程序的时候使用到最多的就是对dom的操作，今天我们也就把就把原生JavaScript对的操作进行一个总结，大家对JavaScript操作dom节点理解的不完全的可以看看。1、获取元素节点获取单个元素：.getElementById(); document.querySelector()//获取第一个元素;获取多个元素(可以通过下标来选取单个元素，返回一个元素集合，相当于一个数组)：document.getElementsByTagName();
document.getElementsByName();
document.getElementsByClassName();// 动态，实时的
document.querySelectorAll();// 查找速度比上面的块 //是静态的，非实时的，创建元素，文本 document.createElement(“p”)；
document.createNode(“hello”) //创建文件节点。插入到文档 parentNode.appendChild(newNode)，
parentNode.insertBefore(newNode，positionNode)； ele.setAttribute(name，value)//设置属性
ele.getAttribute(name)//获取元素的属性
ele.removeAttribute(name)//移除属性节点移除 ele.remove(),parentNode.removeChild(childNode)替换子元素 parentNode.replaceChild(newNode,oldNode)复制元素 ele.cloneNode(boolean);// boolean为true， 深复制。2、获取子元素、父元素、兄弟元素 ele.previousElementS//上一个兄弟元素
ele.parentN//父元素
ele.children//子元素
ele.nextElementSibling//下一个兄弟元素更多关于节点操作：以上就是原生JavaScript对dom节点操作总结的详细内容，更多请关注php中文网其它相关文章！共3篇352点赞收藏分享：.php.cn&猜你喜欢PHP中文网：独家原创，永久免费的在线，php技术学习阵地！
All Rights Reserved | 皖B2-QQ群:关注微信公众号原生js选择器、节点属性
<span type="1" blog_id="1571818" userid='
分享到朋友圈
好的文章，和好友一起分享在javascript操作dom树的时候可能会经常遇到增加，删除节点的事情，比如一个输入框后一个增加按钮，一个删除按钮，点击增加就增加
个输入框，点击删除就删除对应的输入框。在一些js框架，如Prototype中，可以用element.remove()来删除一个节点，核心JS中并
没有这样的方法，IE中有这样一个方法:removeNode()，尝试运行下面的代码&div&&input onclick="removeNode(this)" type="text" value="点击移除该输入框" /&&/div&可
以发现，这个方法在IE下是好使的，但是在Firefox等标准浏览器中就会报错了 removeNode is not
defined，但是在核心JS中有一个操作DOM节点的方法叫：removeChild()，看名字应该就知道是移除子节点的，那么我们就可以变通一下
来实现移除指定的节点了，我们可以先去找到要删除节点的父节点，然后在父节点中运用removeChild来移除我们想移除的节点。我们可以定义一个方
法，就叫removeElement吧。function removeElement(_element){&&&&&&&& var _parentElement = _element.parentN&&&&&&&& if(_parentElement){&&&&&&&&&&&&&&& _parentElement.removeChild(_element);& &&&&&&&& }}尝试运行下面的代码，可以在各种浏览器中正确执行了。&script type="text/javascript"&function removeElement(_element){&&&&&&&& var _parentElement = _element.parentN&&&&&&&& if(_parentElement){&&&&&&&&&&&&&&& _parentElement.removeChild(_element);&&&&&&&& }}&/script&&div&&input onclick="removeElement(this)" type="text" value="点击移除该输入框" /&&/div&
阅读(...) 评论()javascript删除一个html元素节点的方法
转载 & & 投稿：shichen2014
这篇文章主要介绍了javascript删除一个html元素节点的方法,可通过获取父节点再查找并删除子节点来实现该功能,具有一定的参考借鉴价值,需要的朋友可以参考下
本文实例讲述了利用原生javascript实现删除一个指定的html元素的方法。分享给大家供大家参考。具体实现方法如下：
代码如下:&!DOCTYPE html&
&meta charset=" utf-8"&
&meta name="author" content="http://www.jb51.net/" /&
&title&脚本之家&/title&
& width:200
& height:20
window.onload=function(){
& var obt=document.getElementById("bt");
& var odiv=document.getElementById("content");
& obt.onclick=function(){
&&& odiv.parentNode.removeChild(odiv);
&div id="content"&脚本之家&/div&
&input type="button" id="bt" value="查看效果"/&
在原生的javascript中，暂时没有没有一个方法能够删除元素本身，如果要删除可以通过通过父节点的removeChild()方法删除指定的子元素，代码比较简单，这里不多介绍了，感兴趣的朋友可以参阅相关资料。
希望本文所述对大家基于javascript的web程序设计有所帮助。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具开始拥抱原生js方法吧 – Quiet Boy
请打开JavaScript功能以便更好的浏览网站.}