本帖最后由 Cc7507 于 2022-11-10 19:43 编辑
一、今日学习
1.自定义属性
data-
<div id="box" data-age="12" data-sex="22">
</div>
dom.dataset====>所有的自定义属性
dom.dataset.age
dom.dataset.age=新的值
2.排他思想
3.节点操作
3.1子找父、父找子
1.body:
document.body
2.html:
document.documentElement
parentNode 父节点
// 会受到空格,回车的影响---可以获取到文本节点
firstChild
lastChild
childNodes
children // 所有的子节点--不会受到空格回车的影响
closest('选择器') // 向上查找,查找到选择器匹配上位置,离自己最近的
// 不会受到空格回车的影响,子节点--dom节点--标签节点
firstElementChild
lastElementChild
|