emmet插件 自动生成标签可以百度一下emmet教程
document 代表整个文档，js的展现模式、document上面有很多属性和方法：
选择元素：
1.var div = document.getElementById("only")：使用的次数最小，基本别用，各种问题多，库里面的id重名，前后端联调被后端 代码整合时，换你的Id。
2.var div = document.getElementsByTagName('div');注意这里保存的是页面里所有的div标签，
保存在一个类数组中，要选择第一个div：getElementsByTagName('div')[0];
3.var div = document.getElementsByClassName('red'):使用频率不高，因为IE8一下不可用
4.var div = document.getElementsByName('red')：比如form表单里面的name等不可生效。只有部分标签可生效
而且一般没必要给标签加name属性。所以这条最不常用
方法：
选出第一个p标签：不用管层级关系
2.尽管页面只有一个demo类的元素，也要加[0]，注意看getElementsByClassName里面的元素是复数形式，只有Id是单数。
俩特别选择器：querySelector("css选择器怎么写，这里怎么写")；选一个
querySelectAll("css选择器怎么写，这里怎么写")；选一组
缺点：
静态副本非实时：选择出来的元素不是实时更新的，就像照相机，感动常在，选出来的时候什么样，无论后面怎么更改，都不会变。
很少用
遍历关系节点树：元素层级关系--兄弟关系、父子关系
有关逼格：标签专业叫法“可被dom元素”
parentNode 关系：
遍历元素节点树：
每一个节点都有四个属性：
第一个属性：nodeName-------可读不可写
.
第二个属性：nodeValue --------只有文本节点和注释节点有，可读可写
第三个：nodeType 最有用，可以分辨出节点的类型，访问这个属性有返回值，1代表元素节点，2代表属性节点...如下
最常用的是1 3 其他不用记，用的少
封装一个返回元素所有子节点中的元素子节点：**不使用元素节点树遍历children方法
返回结果
.
查看属性节点
name不能改：
————————————————————————————
注意：
这种情况才返回FALSE：
