菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: 程灿20221109-DOM-BOM DAY3 [打印本页]

作者: Cc7507 时间: 2022-11-10 08:58
标题: 程灿20221109-DOM-BOM DAY3
本帖最后由 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

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)