javascriptで
テーブルの左から3列めを加工したいのですがその場合
どのように指定すればいいでしょうか?
function setStyle() {
var box = document.getElementsByTagName('td:nth-child(6)');
box[0].style.backgroundColor = "#000000"}
試しにこれでやってみましたがダメでした
getElementsByTagName() でなく querySelectorAll() を試してみてください。
function setStyle() { var box = document.querySelectorAll("td:nth-child(3)"); for ( var i = 0; i < box.length; i++ ) { box [i].style.backgroundColor = "#000000"; } }
rows コレクション、cells コレクションを使うと、こんな書き方ができます。
var tbl = document.getElementById("T"); // TABLE // 行のループ for (var r = 0 ; r < tbl.rows.length ; ++r) { // 三列目の背景色を変更 // コレクションは、0始まりなので cells[2] が三列目の cell tbl.rows[r].cells[2].style.backgroundColor = 'white'; }
jsFiddle でサンプルを作ってみました。
http://jsfiddle.net/a_kuma3/U3Pyc/