一、今日学习内容排他思想的最后一个步骤
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
|
