DOM节点增删改查

JS的七种数据类型

null,Object,undefined,bool,symbol,string,number

JS的 五个falsy值

null , 0 , '', undefined,NaN

元素（element）也叫标签（label）

如何获取div元素

推荐使用(工作中使用)
1. document.querySelector('#idxxx')
2. document.querySelectorAll('.red')[0]

不推荐使用
1. window.idxxx 或者idxxx （在自己做项目的时候可以这么用）
2. document.getElementBylyId('idxxx')
3. document.getElementsByTagName('div')[]
4. document.getElementsByClassName('red')[]

删除一个节点X的方法

• 1 x.parentNode.removeChild(x)

• 2 x.remove()

注意：删除节点那个节点并非没有了，而是在内存里去了，如果想把这个节点彻底删掉（删掉之后，将这个节点x = null）

撤回删除的节点

document.body.appendChild(x)

更改属性

• 1 改class x.id = 'yyy'

一些默认的属性是不能更改的

如：div.class = 'yyy'

正确改法：div.className = 'yyy'

div.classList.add('red')

• 2 改style div.style='width:100px;color:blue;'

更改style属性，你要改什么属性就选择什么属性

如：更改style里面的width

div.style.width='200px'

有background-color，中划线这种格式的用大小写区分=>backgroundColor

改内容

查