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

试试这个:

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].类名.split )

从技术上讲,这不是一门课,而是两门课: title 和 loggedin . 你可以用 document.getElementsByClassName() 为了这个。

var elements = document.getElementsByClassName("title loggedin");

可以向该方法传递两个类。

使用获取特定标记类型的所有元素 document.getElementsByTagName() 浏览列表应该是可行的。对于多个类,您必须解析 className 属性(将包含完整字符串 title loggedin )手动。

我认为您有充分的理由用纯JavaScript来实现这一点;使用jquery或原型这样的框架会更方便。

我知道这是一个老问题,但是如果您想知道jquery如何选择元素,您可以查看它们独立的选择器引擎的源代码。 Sizzle.js 这些年来,许多聪明的人都把大量的时间花在了表演上。)