javascript - 修改与类关联的标签名称

Question

假设我有这样的情况

document.getElementsbyClassName(".wrapper img").style.width = "20px"

.wrapper img {
  width: 10px;
  }

我只想编辑 .wrapper img。为此，我需要包含与类名关联的标签。我该怎么做？

Answer 1

使用 .querySelectorAll而不是 .getElementsByClassName .

• .querySelectorAll执行选择器查询，就像 CSS 和 jQuery 选择器一样。

• .getElementsByClassName只抓取类名，这就是为什么在搜索类时不使用点的原因。 (对 getElementById 或 getElementsByTagName 的限制相同，它们只返回简单的查询)。

  示例:<div class="box"> , document.getElementsByClassName('box');

此外，请记住，除了 getElementById (注意元素是单数)所有其他查询将返回一个数组。因此，您必须指定您希望编辑的元素。通常 [0] 或者如果你想编辑它们，只需循环遍历数组。

Here's an example code .