关于DOM🥱

获取特定元素

document.documentElement

获取head元素

document.head

获取body元素

document.body

获取窗口（窗口不是元素）

window

获取所有元素

document.all

Property vs Atteibute

property属性

JS线程中div1的所有属性，叫做div1的property

attribute也是属性

渲染引擎中div1对应标签的属性，叫做attribute

区别：

大部分时候，同名的property和attribute值相等

但如果不是标准属性，那么它两只会在一开始时相等

但注意attribute只支持字符串

而property支持字符串，布尔等类型

DOM的增删改查

删

旧：parentNode.childChile(chileNode)

新：chileNode.remove()

改

改class: div.className = ‘red blue’(全覆盖)

改class: div.classList.add(‘red’)

改style: div.style = ‘width: 100px; color:blue;’

改style的一部分: div.style.width = ‘200px’

​ 大小写：div.style.backgroundColor=’white’

改data-*属性：div.dataset.x = ‘frank’