如何按类名获取元素？

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）。