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 获取