如何按类名获取元素？

Question

如何按类名获取元素？

使用JavaScript，我们可以使用以下语法获取id：

var x=document.getElementById("by_id");

我试着按顺序逐个获取：

var y=document.getElementByClass("by_class");

但它导致了错误：

getElementByClass is not function

我怎样才能通过它的类得到一个元素？

Answer 1

你需要使用 document.getElementsByClassName('class_name');并且不要忘记返回的值是一个元素数组，所以如果你想要第一个使用：document.getElementsByClassName('class_name')[0]UPDATE现在你可以使用：document.querySelector(".class_name")获取class_nameCSS类的第一个元素（null如果页面上的元素没有这个类名，将返回）或者document.querySelectorAll(".class_name")使用class_namecss类获取元素的NodeList （如果页面上的元素没有此类名，则将返回空的NodeList）。