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

标题: 2022-11-10 王嘉乐 [打印本页]

---

作者: yousay！    时间: 2022-11-10 08:06
标题: 2022-11-10 王嘉乐
一、今日学习内容排他思想的最后一个步骤

    for (let i = 0; i < tab.length; i++) {
        if (tab.dataset.tip != e.target.dataset.tip) {
            tab.style.backgroundColor = "orange";
        }
    }
    e.target.style.backgroundColor = "#f60";
    e.target.dataset.tip表示点击事件  tab.dataset.tip表示上边的tip   一次点击两次循环  
点击可以无数次   所以可以一直跳转颜色


自定义属性   data-
<div id="box" data-age="12" data-sex="22">
   
</div>


dom.dataset====>所有的自定义属性
dom.dataset.age


dom.dataset.age=新的值



特殊节点：1.body:
        document.body


html:ducument。document 。Element




子找父，父找子  
parentNode        父节点


//  会受到空格，回车的影响---可以获取到文本节点
firstChild       
lastChild
childNodes


children // 所有的子节点--不会受到空格回车的影响


closest('选择器')  //  向上查找，查找到选择器匹配上位置，离自己最近的


// 不会受到空格回车的影响，子节点--dom节点--标签节点
firstElementChild
lastElementChild

---

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

Powered by Discuz! X3.4