如何在不知道 HTML 元素 ID 的情况下从 JavaScript 中选择该元素？

Question

我的页面上有未知数量的 元素，没有 ID，我需要能够浏览它们并根据许多不可预测的因素设置某些属性。

Answer 1

每个人都会忘记 document.images...

for(var i = 0; i < document.images.length; i++) {
  var img = document.images[i];

  if(img.src == "banner.gif") {
     img.alt = "Banner";
  }
  else if(img.alt == "Giraffe") {
     img.title = "15 feet tall!";
  }
}

如果您需要要获取另一个元素中的图像，您可以使用 getElementsByTagName...

var elem = document.getElementById('foo');
var fooImages = elem.getElementsByTagName('img');

Answer 2

使用 document.getElementsByTagName()：

var imgs = document.getElementsByTagName("img");

for(var i = 0; i < imgs.length; i++) {
   var currentImg = imgs[i];
   if (currentImg.somAttr) {
       // do your stuff
   }
}

Answer 3

您可以使用 getElementsByTagName 获取 img 标签列表：

https://developer.mozilla。 org/en/DOM/element.getElementsByTagName

Answer 4

您可以为图像标签设置名称属性，并可以使用 document.getElementsByName 执行任何操作。

例如

<script type="text/javascript">
function getElements()
  {
  var x=document.getElementsByName("x");
  alert(x.length);
  }
</script>

<input name="x" type="text" size="20" /><br />
<input name="x" type="text" size="20" />

Answer 5

使用 jQuery 并按元素类型搜索 $("img").each() 对每个元素执行 am 操作

Answer 6

jQuery 可能是您最好的选择。否则你将不得不遍历 dom 树并手动检查属性。使用 jQuery 后，您可以通过名称、类、标签名称（输入、图像等）及其组合等属性来选择元素。

$("image .className").attr(....

http://www.jquery.com

Answer 7

在不了解更多细节的情况下很难回答这个问题，但是您考虑过使用 Jquery 吗？

Answer 8

您可以使用此函数将它们作为数组浏览：

document.getElementsByTagName('img');

这是一个数组img 元素，您可以将其视为使用 getElementById() 函数（即，您仍然可以对元素执行相同的操作，但需要引用一个元素）：

document.getElementsByTagName('img')[0]

如果你所说的因素真的很复杂，我会使用 jQuery （它真的很强大）：

$('img[alt]').css('padding', '10px');

这将为每个带有 alt 属性的图像添加一个 10px 填充（我希望如此，因为我因发布几乎可以工作的代码而臭名昭著）。

祝你好运！