通过document对象获取元素节点
- getElementById() //通过id属性获取一个元素节点对象 id="demo"
- getElementByName() //通过name属性获取一组元素节点对象 class=”demo“
- getElementByTagName() //通过标签名获取一组元素节点对象 例如<p></p>标签
--获取元素节点中 .innerHTML和value 、innerText的区别
<input type="text" class="demo" value="man" />
innerHTML用于获取元素内部的HTML代码，对于自结束标签，这个属性是没有意义的
例如： 打印 document.ElementByName("demo").innerHTML 则返回undefined
打印 document.ElementByName("demo").value 则输出 man
innerText //该属性可以获取元素内部的文本内容
如果需要读取元素节点属性，则直接使用元素.属性名
例子：元素.id 元素.name 元素.value
注意：class="demo" 属性不能采用这种方式读取
读取class属性时需要使用 元素.className
具体元素的节点调用
getElementByName() //方法 返回当前节点名称后代节点
属性：
childNodes --表示当前节点的所有子节点 document.ElementByName("demo").childNodes
firstChild --表示当前节点的第一子节点
lastChild --表示当前节点的最后一个子节点
firstElementChild --获取当前元素的第一个子元素
获取当前元素的父节点和兄弟节点
通过具体的节点调用：
parentNode //属性 表示当前元素节点的父节点
previousSibling // 表示当前元素节点的前一个兄弟节点
nextSibling // 表示当前元素节点的后一个兄弟节点
