文章/答案/技术大牛

发布

社区首页 >问答首页 >选择具有特定类的div中的所有标记。

问选择具有特定类的div中的所有标记。
EN

Stack Overflow用户

提问于 2015-10-03 12:55:56

回答 1查看 399关注 0票数 0

几天来，我一直在试图找到解决我的问题的方法，但我发现了这个问题：getElementsByClassName doesn't work，但它不是解决我的问题的方法，因为我想访问所有的标记并更改它们，所以我们开始：

我希望能够用特定的类改变div中标记的样式。首先，我在div上尝试使用ID，它的工作方式与我想要的完全一样，但是由于我要使用的页面会出现相同的div多次，所以我不得不使用类，但我无法让它工作。我必须使用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>

我知道，当我想访问类时，应该有一种完全不同的方法来编写语句，但我不知道怎么写。

有谁知道也能给我指点吗？

javascript

回答 1

Stack Overflow用户

回答已采纳

发布于 2015-10-03 13:11:25

代码document.getElementsByClassName("test")给出了一个元素列表，而不是一个元素。对这些元素执行一个循环(for)。在这个循环中，调用getElementsByTagName("img")。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/32922837

复制

相似问题

问选择具有特定类的div中的所有标记。
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问选择具有特定类的div中的所有标记。EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问选择具有特定类的div中的所有标记。
EN