基本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
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！
相关文章
Layui框架的table.render方法是用于渲染表格的核心功能,通过配置对象定义表格样式、列和数据源,cols数组中的每个对象通过field属性与数据源绑定,指定要显示的数据字段,本文给大家介绍Layui table.render的使用,感兴趣的朋友一起看看吧2024-09-09
这篇文章主要介绍了前端和后端解决跨域问题的相关资料,跨域问题主要源于浏览器的同源策略,为防止CSRF攻击,可以采用多种防御措施,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-01-01
本文通过实例代码给大家分享javascript实现弹出广告功能，代码简单易懂，非常不错，具有参考借鉴价值，需要的朋友参考下吧2017-03-03
一般来说，我们判断 iframe 是否加载完成其实与 判断JavaScript 文件是否加载完成。2010-10-10
这篇文章主要介绍了JS 设置Cookie 有效期 检测cookie的相关资料,需要的朋友可以参考下2017-06-06
Javarscript中模块(module)、加载(load)与捆绑(bundle)详解
这篇文章主要给大家介绍了关于Javarscript中模块(module)、加载(load)与捆绑(bundle)的相关资料，文中介绍的非常详细，对大家具有一定的参考学习价值，需要的朋友们下面跟着小编一起来学习学习吧。2017-05-05
这篇文章主要介绍了JS模拟键盘打字效果的方法,涉及javascript鼠标事件及字符串操作的相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-08-08
这篇文章主要介绍了一个简单的Node.js异步操作管理器分享,需要的朋友可以参考下2014-04-04
如何通过js实现图片预览功能呢？下面小编就为大家带来一篇用js实现图片预览功能。给大家做个参考吧，一起跟随小编过来看看2016-03-03
这篇文章主要为大家详细介绍了微信小程序radio组件的使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-01-01
最新评论