定位div中的所有链接 - Javascript

Question

我正在尝试定位某个div中的链接.我理解如何定位所有链接,如下所示:

var colors = [ 'BlueViolet', 'CadetBlue', 'Coral', 'Crimson', 'DarkGoldenRod', 'DarkOliveGreen'],
    a = document.getElementsByTagName('a');

for(var i = 0; i < a.length; i++) {
    var elem = a[i],
        color = colors[0];
    elem.style.color = color;
    colors.push(color);
    colors.shift();
}

显然,它的目标是所有链接:http://lexicantest.tumblr.com/

有没有办法让我定位某个id/class中的所有链接？

Answer 1

对于ID:

var a = document.getElementById('divYouwant').getElementsByTagName('a');
for (var i = 0; i < a.length; i++) {
    var elem = a[i],
        color = colors[0];
    elem.style.color = color;
    colors.push(color);
    colors.shift();
}

如果你想从一个类中获取它,你必须抓住每个类,然后获取每组锚标记...

var divs = document.getElementsByClassName('className');
for (var i = 0; i < divs.length; i++) {
    var a = divs[i].getElementsByTagName('a');
    for (var j = 0; j < a.length; j++) {
        var elem = a[j],
            color = colors[0];
        elem.style.color = color;
        colors.push(color);
        colors.shift();
    }
}

基本上你遵循相同的概念,只是获得所有的链接.唯一的区别是您不使用该文档作为参考.首先,你抓住你想要的div,然后从那里获取所有锚标签的数组.