Question

我几天都试图找到问题的解决方案而没有任何运气，我发现这一点：getElementsByClassName doesn't work但是由于我想访问它，它不能解决我的问题所有标签并更改它们，所以我们在这里：

我希望能够使用某个类更改div内的标记样式。我开始尝试使用div上的ID，这完全按照我想要的方式工作，但由于我将使用它的页面将有相同的div出现几次我必须使用类而不是我无法让它发挥作用。我必须使用javascript而不是jQuery。

ID如何使用的示例：

＆＃13;

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

＆＃13;

<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>

＆＃13;

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

＆＃13;

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

＆＃13;

<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>

＆＃13;

我知道当我想访问这些类时，应该有一种完全不同的编写语句的方式，但我无法弄清楚如何。

任何知道并能给我指点的人？

Answer 1

代码document.getElementsByClassName("test")为您提供元素列表，而不是一个元素。对这些元素执行循环（for）。在此循环中，请致电getElementsByTagName("img")。

选择具有特定类的div中的所有标签

1 个答案: