修改与类关联的标记名称

时间:2017-01-24 19:47:39

标签: javascript css tags

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



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

.wrapper img {
  width: 10px;
  }




我希望能够仅编辑.wrapper img。所以要做到这一点,我需要包含与类名相关联的标记。我该怎么做呢?

1 个答案:

答案 0 :(得分:0)

使用.querySelectorAll代替.getElementsByClassName

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

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

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

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

Here's an example code