innerHTML返回的元素内容不包括元素本身，outerHTML返回的内容包含元素本身
1、如果获取非行内样式
高版本浏览器 ： window.getComputedStyle(box,伪类)["属性"] 不获取伪类，第二个参数可以不写或者写null
低版本ie浏览器 ：元素.currentStyle.属性
兼容 ：
if(window.getComputedStyle){
window.getComputedStyle(box,伪类)["属性"]
}else{
元素.currentStyle.属性
}
2、DOM document object Model 文档对象模型
DOM即文档对象模型，DOM是W3C标准，DOM的最根本对象是document（window.document）可以说BOM包含了DOM
它的作用是将网页转化为一个Javascript对象，从而用Javascript进行各种操作（比如增删元素等）。
3、节点 ：
节点 ：
html是根节点
所有的标签 是 元素节点
所有的标签内容 是 文本节点
所有的标签属性 是 属性节点
一切都是节点
节点关系 --- 通过节点关系属性可以查找页面元素：
父节点 ： parentNode
孩子节点 ：
firstElementChild 第一个孩子节点
lastElementChild 最后一个孩子节点
childNodes 孩子节点 即查找到元素节点又查找到了文本节点 可以通过nodeType属性筛选
children 孩子节点 只查找元素节点
兄弟节点：
nextElementSibling 下一个兄弟节点
previousElementSibling 前一个兄弟节点
nodeName nodeType nodeValue
元素节点 标签名 1 null
属性节点 属性名 2 属性值
文本节点 #text 3 文本的值
获取元素节点名属性 ： nodeName 或 tagName
4、节点的动态操作（创建 添加 删除 ）
1、创建元素节点
document.createElement("节点名");
2、创建一个文本节点
document.createTextNode("节点内容");
3、添加节点 appendChild()
用法 ：
父节点.appendChild(要添加的子节点)
注意：为动态创建的元素添加事件时，在创建元素的函数体内部添加事件 或 使用事件委托实现。
添加节点 ： insertBefore()
用法 ：
父节点.insertBefore( 要添加的子节点，参照节点 ) 两侧参数要写满
注意 ： 参照节点 如果为 null，实现的是appendChild()方法 效果
4、删除节点 removeChild() remove()
用法 ： 父节点.removeChild(要删除的子元素)
要删除的子元素.remove();
5、节点克隆
cloneNode(true) 参数如果为true，表示即克隆节点又克隆节点内容 参数如果没有true，只克隆该节点本身
6、文档碎片 （扩展)
document.createDocumentFragment(); 创建一个缓冲区
作用：提高程序的执行效率
7、属性的操作
getAttribute("属性") 获取某个标签的属性 自定义属性也可以获取 不能获取值为布尔类型的属性，比如 ： checked
setAttribute("属性名","值"); 可设置原有的标签属性 也可以设置自定义属性
removeAttribute("属性") 删除属性
8、严格模式
使用 "use strict" 指令
消除代码运行的一些不安全之处，保证代码运行的安全；
消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为;
"use strict";
x = 3.14; // 报错 (x 未定义)
变量名不能使用 "eval" 字符串:
"use strict";
var eval = 3.14; // 报错
不允许使用八进制:
"use strict";
var x = 010; // 报错