javascript - 选择类的所有元素并迭代每个偶数对象(第 n 个子(偶数)替换)

Question

我正在显示每个字母具有相同背景(宽度 31px )的字母表。我需要一半的字母宽度为 30px。这由以下人员处理:

div.alpha:nth-child(even) {width: 30px;}

但是，由于伪兼容性问题，这在 ie 中不起作用。

我正在寻找可与 ie IN quirks mode 配合使用的纯 javascript 替代方案。

我试过:

function letterwidth () {
    var a = document.querySelectorAll ('div.alphabet');
    for (var i = 0, b = a.length; i < b; i++){
        if (i % 2 == 0) {
            a[i].style.width = '30px';
        }
    }
}

但是我得到一个错误:

SCRIPT438: Object doesn't support property or method 'querySelectorAll'

Answer 1

如果浏览器不支持 querySelector，您将需要使用常规的 DOM 遍历方法:

var el  = [],
    div = document.getElementsByTagName('div');

for (var i=0; i<div.length; i++) {
    if (div[i].className.indexOf('alphabet') != -1) 
        el.push(div[i]);
}

for (var i=0; i<el.length; i++){
    if (i % 2 == 0)
         el[i].style.width = '30px';
}

FIDDLE