08.dom的反人类api.md

DOM 之反人类的api

获取元素，也叫标签

1. window.idxxx 或者 idxxx
2. document.getElementById('idxxx')
3. document.getElementsByTagName('div')[0]
4. document.getElementsByClassName('red')[0]
5. document.querySelector('#idxxx')
6. document.querySelectorAll('.red')

获取特定元素

1. 获取html元素document.documentElement
2. 获取head元素document.head
3. 获取body元素document.body
4. 获取窗口window
5. 获取所有元素document.all，这个document.all是奇葩，第六个falsy值

if(document.all){
    console.log('ie 浏览器')
}else{
    console,log('其他浏览器')
}
//在ie上会输出 ie 浏览器
//在非ie上会输出 其他浏览器

元素的6层原型链

创建元素的API

创建标签节点

let div1=document.createElement('div')
document.createElement('style')
document.createElement('script')
document.createElement('li')

创建文本节点

let text1=document.createTextNode('div')

标签里插入文本

div1.appendChild(text1)
div.innerText='你好' 
div.textContent='你好'
// 不能使用如下代码
div.appendChild('你好')

let div = document.createElement('div')
test1.appendChild(div)
test2.appendChild(div)