javascript - 我应该如何定义一个重复出现的 HTML 元素并用 JavaScript 找到它们？

Question

我一直在尝试找出定义某个元素的最佳方法，该元素在整个页面中出现任意次数，而不需要:

• “名称”属性；或
• 新元素的定义 (XHTML)。

我基本上是在'name'属性之后；然而，它看起来有些多余、过时且已贬值。

我希望使用 JavaScript 隔离和操作上述元素，最好避免使用 jQuery。有没有合理的解决办法？目前我想到的是:

• 遍历所有带有特定标签的元素并检查特定的类名；或
• 在元素上使用增量 ID(例如 el1、el2、el3)并遍历序列直到 getElementById 返回 null(感觉很糟糕)并且只是我所追求的)。

谢谢:)

Answer 1

querySelectorAll 返回文档中与指定选择器组匹配的元素列表(使用文档节点的深度优先预序遍历)。返回的对象是一个 NodeList。

引用:https://developer.mozilla.org/en/DOM/Document.querySelectorAll

您可以使用querySelectorAll，这是您可以在此页面上的 javascript 控制台中运行的示例。

var myList = document.querySelectorAll("a");
for (var c= 0 ; c < myList.length; c += 1) {
   console.log(myList[c]);
    myList[c].onmouseover= function () {alert(this)}
}