js节点操作
- 前端
- 三生万物
- 0
一、创建新节点
- createDocumentFragment() // 创建一个DOM片段
- createElement() // 创建一个具体的元素
- createTextNode() // 创建一个文本节点
二、添加、移除、替换、插入
- appendChild() // 添加
- removeChild() // 删除
- replaceChild() // 替换
- insertBefore() // 插入
2.1 insertAdjacentHTML
- beforeBegin：在该元素前插入
- afterEnd：在该元素后插入
- afterBegin：在该元素第一个子元素前插入
- beforeEnd：在该元素最后一个子元素后插入
2.2、表格
链接：https://www.runoob.com/jsref/dom-obj-table.html
三、查找
- getElementsByTagName() // 通过标签名称
- getElementsByName() // 通过元素的Name属性的值
- getElementById() // 通过元素Id，唯一性
- getElementsByClassName()
- querySelector()
- querySelectorAll()
3.1 文档属性
- document.documentElement
- document.head
- document.body
- document.images
- document.links
- document.forms
等等
3.2 节点属性
- childNodes
- children
- firstChild
- firstElementChild
- lastChild
- lastElementChild
- parentNode
- parentElement
- offsetParent
- previousElementSibling
- previousSibling
- nextElementSibling
- nextSibling
等等
节点类型：https://www.runoob.com/jsref/prop-node-nodetype.html
免责申明：本站发布的内容（图片、视频和文字）以转载和分享为主，文章观点不代表本站立场，如涉及侵权请联系站长邮箱：xbc-online@qq.com进行反馈，一经查实，将立刻删除涉嫌侵权内容。
