DOM节点
DOM树里每一个内容都称之为节点。
节点类型：
- 元素节点：所有的标签，HTML是根节点
- 属性节点：所有的属性，例如href
- 文本节点：所有的文本
- 其他
查找节点
父节点查找
parentNode属性
返回最近一级的父节点，没有返回null
<body>
<div class="dad">
<div class="baby"></div>
</div>
<script>
const baby = document.querySelector('.baby')
console.log(baby.parentNode);
</script>
</body>
子节点查找
childNodes:获取所有子节点
children:仅获得所有元素节点，返回一个伪数组
兄弟关系查找：
nextElementSibling ：下一个兄弟节点
previousElementSibling ：上一个兄弟节点
增加节点
创建节点的方法：
document.createElement('标签名')
追加节点：
父元素.appendChild(要插入的元素) //插入到父级最后一个子元素
父元素.insertBefore(要插入的元素，在哪个元素的签前面) //插入到父元素某个子元素的前面
克隆节点：
//克隆一个已有的元素节点
元素.cloneNode(布尔值)
cloneNode会克隆一个跟原标签一样的元素，括号内传入布尔值：
- 若为true,则代表克隆时会包含后代节点一起克隆
- 若为false,则代表克隆时不会包含后代节点
- 默认为false
删除节点
在JavaScript原生DOM操作中，要删除元素必须通过父元素删除
语法：
父元素.removeChild(要删除的元素)
注：如果不存在父子关系则删除不成功
扫一扫
147
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
