CSS:javascript中的last-child选择器？

Question

我想td在每一行中选择最后一个并且现在使用这个css选择器.table td:last-child但它在IE中不起作用所以我有什么方法可以通过javascript(没有任何框架)为IE选择？应用CSS样式.

Answer 1

var rows = document.getElementById('tester').rows;

for(var i = 0, len = rows.length; i < len; i++) {
    rows[ i ].lastChild.style.background = 'orange';
}

示例: http ://jsfiddle.net/JsyYR/

编辑:如果你将在所有浏览器中运行它,这样做可能更安全:

var rows = document.getElementById('tester').rows;

for(var i = 0, len = rows.length; i < len; i++) {
    rows[ i ].cells[ rows[ i ].cells.length - 1 ].style.background = 'orange';
}

示例: http ://jsfiddle.net/JsyYR/2/

这是因为如果最后一个</td>和结束之间有任何空格,某些浏览器将插入文本节点</tr>.因此,lastChild不会奏效.