修改与类关联的标记名称

Question

所以我想说我有这样的情况

＆＃13;

＆＃13;

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

＆＃13;

.wrapper img {
  width: 10px;
  }

＆＃13;

＆＃13;

＆＃13;

我希望能够仅编辑.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