通过id和class名获取DOM元素的区别?
1.通过id获取DOM元素的方法:document.getElementById(“id名”)
2.通过class获取DOM元素的方法:document.getElementsByClassName(“class名”)
document.getElementById("id名")
document.getElementsByClassName("class名")
从函数的名字可以知道,通过getElementsByClassName获取到的是一个数组,包括多个DOM元素,所以要执行DOM元素的方法,必须加一个索引,比如document.getElementsByClassName(“class名”)[0]。
而由于id是唯一的,所以通过getElementById只有一个DOM元素,可以直接调用DOM方法。
比如隐然DOM元素
1、document.getElementById("id名").style.display="none"
2、document.getElementsByClassName("class名")[0].style.display="none"
自己试一下打印出来就可以看到俩者的区别