Select div 中具有特定 class 的所有标签

Question

几天来我一直在努力寻找问题的解决方案，但没有任何运气，我发现了这个：但这不是我的问题的解决方案，因为我想访问所有标签并进行更改他们，我们开始吧：

我希望能够更改 div 内具有特定 class 的标签的样式。我开始尝试使用 div 上的 ID 进行尝试，它完全按照我想要的方式工作，但是由于我将使用它的页面将多次出现相同的 div必须改用 class 而我无法让它工作。我必须使用 javascript 而不是 jQuery。

如何使用 ID 的示例：

var images = document.getElementById("test").getElementsByTagName("img");
for (var i = 0; i < images.length; i++) {
  images[i].align = "right";
}

<div id="test">
  <img src="http://galerie32.de/images-designer/thumbs/dummy-user.jpg" width="100">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam lobortis turpis justo, eu egestas elit aliquet sit amet. Vivamus convallis, dolor a euismod scelerisque, nisi lorem placerat nisi, sed euismod ligula eros in lorem. Pellentesque vel ante semper,
    convallis ante in, mollis odio.
  </p>
  <img src="http://galerie32.de/images-designer/thumbs/dummy-user.jpg" width="100">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam lobortis turpis justo, eu egestas elit aliquet sit amet. Vivamus convallis, dolor a euismod scelerisque, nisi lorem placerat nisi, sed euismod ligula eros in lorem. Pellentesque vel ante semper,
    convallis ante in, mollis odio.
  </p>
</div>

我希望它如何工作的示例：

var images = document.getElementsByClassName("test").getElementsByTagName("img");
for (var i = 0; i < images.length; i++) {
  images[i].align = "right";
}

<div class="test">
  <img src="http://galerie32.de/images-designer/thumbs/dummy-user.jpg" width="100">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam lobortis turpis justo, eu egestas elit aliquet sit amet.
  </p>
  <img src="http://galerie32.de/images-designer/thumbs/dummy-user.jpg" width="100">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam lobortis turpis justo, eu egestas elit aliquet sit amet.
  </p>
</div>

<div class="test">
  <img src="http://galerie32.de/images-designer/thumbs/dummy-user.jpg" width="100">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam lobortis turpis justo, eu egestas elit aliquet sit amet.
  </p>
  <img src="http://galerie32.de/images-designer/thumbs/dummy-user.jpg" width="100">
  <p>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam lobortis turpis justo, eu egestas elit aliquet sit amet.
  </p>
</div>

我知道当我想访问 classes 时应该有一种完全不同的语句编写方式，但我不知道如何。

有知道的可以指点一下吗？

Answer 1

代码 document.getElementsByClassName("test") 为您提供 一个元素列表 ，而不是 一个元素 。对这些元素进行循环 (for)。在这个循环中，调用 getElementsByTagName("img").

Select div 中具有特定 class 的所有标签

Select all tags within divs with certain class

javascript

tags

getelementsbytagname

getelementsbyclassname