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

Posted 2020-08-09 龙种人

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了通过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元素的区别的主要内容，如果未能解决你的问题，请参考以下文章