获取元素 节点

获取元素：

1.document.getElementById("元素的ID") 或者直接用ID名来获取
在IE6、7中不区分大小写 会把表单元素的name属性值当做ID来使用 没有获取到 返回的结果是NULL

2.改变上下文，获取父元素 document.getElementById("父元素") 获取Id的上下文 只能是document 因为id只有一个
    父元素.getElementsByTagName("子元素")  所有的子元素
这样就获取了父元素下面的所有子元素

3 getElementsByName() 在IE浏览器下支队表单元素起作用
用于 表单单选中  同一类型的name 名字要一样

4.document.getElementsByClassName("元素名")

以上4类都是属于获取类名 想要用里面的内容 从数组中提取

5.document.body    获取body元素
兼容所有浏览器 获取当前屏幕：document.documentElement.clientWidth||document.body.clientWidth

6 document.querySelector()获取一个   document.querySelectorAll()获取多个 在移动端获取元素常用方法获取jQuery元素

 

//*******************************

获取节点（页面中出现在的所有的内容都叫节点）：

1.获取所有的子节点

childNodes

2.获取所有的元素子节点

children

3.获取父亲节点

parentNode

4.获取（上一个哥哥）哥哥的节点

previousSibling

5.获取(下一个弟弟)弟弟节点

nextSibling

6.获取所有节点中子节点中的第一个（大儿子）

firstChild

7.获取所有节点中子节点中的最后一个（小儿子）

lastChild

                             nodeType    node Name   nodeValue

元素节点（元素标签）        1         大写的标签名   null

文本节点（文字）              3          #text           文字内容

注释节点（注释）              8          #comment     注释内容

document                       9           #document    nulll