按标签和类获取元素

Question

我有一个脚本

var firstImg = row.getElementsByTagName('img')[0];

然后

if (x){ firstImg.src='/images/checked.png'; }

我想定义img应该是 class='something'

(先获得class ='something'的第一个img)提前10x!

Answer 1

使用

 querySelectorAll('img.classname')[0]

这将返回第一个图像,其中类设置为类名.不过jQuery更好!!

$('img.classname')

Answer 2

只需设置它......

firstImg.className += "something";

...要么...

firstImg.classList.add("something");

如果你可以逃脱不支持旧版浏览器.

进一步阅读(免责声明:链接到我自己的博客).

如果您打算获取具有某个类名的元素,则可以使用...

document.getElementsByClassName("something");

...要么...

document.querySelectorAll(".something");

请记住getElementsByClassName(),不在<= IE8中.

您可以使用...

var getElementsByClassName(nodeList, className) {
    var i, results = [];
    for (i = 0; i < nodeList.length; i++) {
        if ((" " + nodeList[i].className + " ").indexOf(" " + className + " ") > -1) {
             results.push(nodeList[i]);
        }
    }

    return results; 
}

当然,如果你使用的是jQuery,它会非常简单......

$(".something");