通过class和id获取DOM元素的区别

1.通过id获取DOM元素的方法：document.getElementById("id名")

 

2.通过class获取DOM元素的方法：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"