javascript - 根据类和元素类型选择元素

Question

如何选择 HTML 文档中具有特定类和特定元素类型的所有元素？

我正在尝试从 HTML 文档中选择所有具有 title loggedin 类的 anchor (然后在浏览器中打开它们)。这些在类 title 的段落中。

它们是以下 DOM 树中的叶子:

+ body
  + div class='content'
    + div id='siteTable' class='sitetable linklisting'
      + div class='thing id-t3_xxxx xxx xxx link'
        + div class='entry unvoted'
            + p class='title'
              + a class='title loggedin '

其中x表示变量内容。

(我希望在原始 JavaScript 中执行此操作，即不在 jQuery 中。)

Answer 1

试试这个:

var aElems = document.getElementsByTagName("a");
for (var i=0; i<aElems.length; ++i) {
    var classesArr = aElems[i].className.split(/\s+/),
        classesObj = {};
    for (var j=0; j<classesArr.length; ++j) {
        classesObj[classesArr[i]] = true;
    }
    if (classesObj.hasOwnProperty("title") && classesObj.hasOwnProperty("loggedin")) {
        // action
    }
}

一些解释:

• document.getElementsByTagName 返回给定类型的元素数组(在本例中为 a)
• 对于该数组中的每个元素，提取数组类名(参见 aElems[i].className.split)
• 然后将每个类名用作索引对象的属性名
• 然后在索引中查找两个类名(参见 aElems[i].className.split)