基本DOM节点操作
1、获取元素节点
getElementById()：获取指定唯一id的元素。
getElementByTagName()：获取指定元素标签名的元素数组。
getElementByName()：获取具有指定属性name的元素数组。
2、子节点
element.childNodes：返回该元素的子节点数组。注意：换行在浏览器中作为text节点，需要进行过滤
element.firstChild：该元素的第一个子节点。
element.lastChild：该元素最后一个子节点。
3、父节点
element.parentNode
4、兄弟节点
element.previousSibling：返回相同的树层级中的前一个节点，如果没有，则为null
element.nextSibling：返回相同的树层级中的后一个节点，如果没有，则为null
5、创建节点
createElement() 按指定标签名创建节点
6、复制节点
clonedNode = Node.cloneNode(boolean) 传入布尔值，true表示复制该节点下的所有子节点
7、加入节点
parentNode.appendChild(childNode) 将新节点加入到子节点末尾
parentNode.insertBefore(newNode, targetNode) 将newNode 加入到targNode之前
8、移除目标节点
parentNode.removeChild(childNode)
9、替换目标节点
parentNode.replace(newNode, targetNode) 使用newNode 替换targetNode
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
学习ajax必须得掌握的就是跨域请求,实际上在不同源的地址上发送请求就是跨域请求,本文主要给大家介绍了关于AJAX请求以及解决跨域问题的相关资料,需要的朋友可以参考下2022-11-11
js对于wmp的一些属性与方法，方便大家控制音乐的播放的一些细节2008-11-11
使用smartupload组件实现jsp+jdbc上传下载文件实例解析
这篇文章主要介绍了使用smartupload组件实现jsp+jdbc上传下载文件实例解析,非常不错，具有参考借鉴价值，需要的朋友可以参考下2017-01-01
下面小编就为大家带来一篇动态更新highcharts数据的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
本文给大家介绍的是司徒正美的javascript框架设计的第二章种子模块的相关内容，算是一个小小的读后感，小伙伴们可以参考下。2015-06-06
本篇文章主要介绍了js使用i18n实现页面国际化的方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要教大家如何简单实现js菜单栏切换效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
这篇文章主要介绍了JS实现马赛克图片效果,结合完整实例形式分析了JavaScript基于HTML5 canvas图形元素绘制实现马赛克效果相关操作技巧,需要的朋友可以参考下2019-04-04
大家在很多场合也许会遇到判断页面是否有元素选中，下面介绍的是利用js判断是否选中CheckBox的方法。2010-11-11
这篇文章主要介绍了javascript 使用sleep函数的常见方法,结合实例形式分析总结了javascript sleep函数的功能、常见使用方法与操作注意事项,需要的朋友可以参考下2020-04-04
最新评论