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 /类中的所有链接吗？

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，然后从那里获取所有锚标签的数组。

定位div中的所有链接 - Javascript

1 个答案: