15.1 Dom查询

1. 获取元素节点（通过document对象调用）

1.1 getElementById()

通过id属性获取一个元素节点对象

1.2 getElementsByTagName()

-->通过标签名获取一组元素节点对象
-->会返回一个类数组对象，所有查询到的对象都会封装到对象中，

1.3 getElementsByName()

通过name属性（inp里有name属性）获取一组元素节点对象（类数组对象）

1.4 读取元素节点属性

-->直接使用 元素.属性名
   元素.id 元素.name 元素.value
     注意：class属性不能采用这种方式，需使用: 元素.className

2. 获取元素节点的子节点（通过具体的元素节点调用）

2.1 getElementsVyTagName()

--方法：返回当前节点的指定标签名后代节点

2.2 childNodes() 不支持IE9及以上的浏览器

--属性，表示当前节点的所有子节点（会获取包括文本节点在内的所有节点，Dom标签间的空白也会被当成文本节点

2.3 children()

--属性，可以获取当前元素的所有子元素（不包含文本节点）

2.4 firstChild()

--属性，表示当前节点的第一个子节点（节点包含空白文本节点）

2.5 firstElementchild() 不支持IE8及以下的浏览器

--属性，获取当前元素的第一个子元素

2.6 lastChild()

--属性，表示当前节点的最后一个子节点

3. 封装点击函数

封装函数（点击事件函数）
        function myclick(idStr,fun){
      var btn = document.getElementById(idStr)
      btn.onclick = fun
    }
调用：myclick(按钮绑定的id名,function(){alert('hello')})

3.1 parentNode()

--属性，表示当前节点的父节点

3.2 previousSibling()

--属性，表示当前节点的前一个兄弟节点

3.3 nextSibling

--属性，表示当前节点的后一个兄弟节点

3.4 previousElementSibling() (IE8及以下不支持）

--属性，表示当前节点的前一个兄弟元素

文本框的Value属性值，就是对文本框中填写的内容
获取文本节点的时候，想要获取文本内容：nodeValue