document对象下的属性和方法
* getElementById("id") 通过ID获取元素,返回值一定是一个Node节点
* getElementsByTagName("标签名") 通过标签名获取元素,返回值一定是一个NodeList
* querySelectorAll("css选择器") 返回与css选择器相匹配的NodeList
* getElementsByClassName("类名") 通过类名获取元素
* createElement("标签名") 创造一个Node节点
Node节点:Object数据类型,代表着页面中的一个元素。
* innerHTML 设置/返回这个元素的开始标签与结束标签的内容
* className 设置/返回元素的类名
* id 设置/返回元素的id
* getAttribute("属性名") 返回该元素得到某个属性的属性值
* setAttribute("属性名",属性值) 设置某个元素的某个属性所对应的属性值
* parentNode 返回父级元素 Node
* children 找儿子 NodeList
* nextElementSibling 下一个兄弟节点
* previousElementSibling 上一个兄弟节点
* removeChild(Node) 删除某个元素
* cloneNode(true) 返回一个被克隆节点的副本
* appendChild(Node) 在调用该方法的元素内部的结束标签之前插入参数节点
* insertBefore(Node1,Node2) 在调用该方法的元素内部的Node2元素之前插入Node1
* tagName 返回元素的标签名 大写
* nodeType 返回节点类型:元素节点:1 文本节点:3 注释节点:8 document节点:9
* value 设置/获取input文本框/密码框里面的内容
事件都有哪些
* onclick 单击事件
* onmouseover 鼠标经过
* onmouseout 鼠标离开
* onmouseenter 鼠标经过
* onmouseleave 鼠标离开
* onfocus 获取焦点时
* onblur 失去焦点时