首页 > 代码库 > 通过class和id获取DOM元素的区别

通过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"

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