javascript - 使用 document.getElementsByClassName() 而不是 id

Question

当我使用 document.getElementById("stuff") 尝试以下操作时，一切正常。

但是当我尝试使用 document.getElementsByClassName("stuffClass") 执行相同操作时，它不起作用。

如何使用 class 而不是 id 来实现此功能？

//var element = document.getElementById("stuff");
var element = document.getElementsByClassName("stuffClass");
var bb = element.getBBox();
var vb = bb.x+" "+bb.y+" "+bb.width+" "+bb.height;
element.setAttribute("viewBox", vb);

Answer 1

getElementByClassName 返回一个 NodeList，而不是单个元素。您需要对其进行索引:

var element = document.getElementsByClassName("stuffClass")[0];

或者如果有多个具有相同类的元素，则需要对其进行循环。

您还可以使用document.querySelector:

var element = document.querySelector(".stuffClass");