修改没有ID的对象的CSS以引用

Question

我可以引用没有ID的HTML元素吗？

function doThis(id) {
 document.getElementById(id).style.backgroundColor = "red";
}

<button id="removeThisId" onclick="doThis(this.id)">Click Me</button>

Answer 1

您可以使用各种Javascript函数查询DOM的元素，最常见的是querySelector()。

querySelector()接受Selectors API Level 1之后批准的所有CSS选择器，允许您按their .class, tag or [attributes=value] and more引用元素。

例如，要查询您描述的<{1>}元素而不使用使用它的ID，您可以编写以下内容：

button