JS3---dom元素的获取

dom元素的获取

在进行dom元素获取的时候注意 获取的元素是否初始化

一. 常规获取 （动态获取）

 集合类型
 document.getElementsByClassName()
 document.getElementsByName(“div”)   //括号里写标签名
 document.getElementsByTagName()    //标签必须写name属性
 单个对象
 document.getElementById()

例：

   //HTMLCollection  数组  取元素对象  按照索引来取值（[]）
   集合类型
    var b = document.getElementsByClassName("block");
    /* b.innerHTML="1111";*/        //错误写法
    b[0].innerHTML = "1111";
   单个对象
    var a1 = document.getElementById("binfo");
    console.log(a1);            

在js里面不能进行隐式迭代 （不能操作一堆元素 只能操作单个元素）

二.静态获取

//通过选择器来获取元素

var a4 = document.querySelector("#binfo/.binfo");       //返回单个元素

var a5 = document.querySelectorAll("#binfo1/.binfo1");  //返回的是多个元素   NodeList  集合

 //  .binfo1 对应id只可返回一个元素

三，获取特定的元素

console.log(document.body);             //获取body

console.log(document.documentElement);   //html  获取