javascript - jsDOM 无法通过类或标签更改背景颜色

Question

这个问题已经有答案了:

What do querySelectorAll and getElementsBy* methods return? (12 个回答)

已关闭 4 年前。

我正在尝试使用 Tamper Monkey 更改另一个网站上元素的背景颜色。然而，每次我尝试它都会发送错误:无法更改未定义的背景颜色。

我尝试过使用 getElementsByTagName 和 getElementsByClassName，之后我当然使用 style 属性，然后使用 backgroundColor。

(function() {
    'use strict';

    var x = document.getElementsByClassName("rdw");
    x.style.backgroundColor = "red";

})();

我想使用 getElementsByClassId 因为我觉得在这种情况下它更精确。

如上所述，我收到错误无法更改未定义的背景颜色。

非常感谢您的帮助:)

Answer 1

getElementsByClassName的返回值为

An HTMLCollection providing a live-updating list of every element which is a member of every class in names.

因此，如果您只有一个具有该类的元素，则应该选择第一个:

x[0].style.backgroundColor = "red";

否则你将不得不循环遍历元素:

[...x].forEach(el => el.style.backgroundColor = "red");