获取dom节点的五种方式

获取dom节点的五种方式:

1. document.getElementById("标签的id名")
    返回获取到的标签节点对象
    此种方式没有兼容问题


2.document.getElementsByTagName("标签名")
    根据标签的名字获取多个 节点对象
    返回伪数组(伪数组 不能直接进行dom操作  必须取出其中元素才可以操作)

    注意!!!!!!!!  无论根据标签获取的是单个元素 还是一堆元素
    都返回的是伪数组对象 不能直接dom操作

  这个方法没有兼容问题

3.document.getElementsByClassName(“标签的class名字”);
返回伪数组对象

IE8及以下不能使用

4. Html5 推出的
   document.querySelector(“选择器”)
   返回的是单个节点对象 不论选择器选择的元素有几个
   只会返回第一个 返回的节点对象可以直接进行dom操作
   有兼容问题 IE7及以下不能使用

5.Html5推出的
document.querySelectorAll(“选择器”);
返回伪数组对象 不论选择器选择到几个元素 都返回伪数组

有兼容问题  IE7及以下不能使用