html4教材,HTML DOM系列教材 （四）- 样式

Document

.div {

width: 600px;

height: 500px;

margin: 0 auto;

}

.div table tr td {

width: 100px;

}

id	name	value	damage
1	gailun	500	100
2	timo	100	140
3	yasuo	100	200
4	shitouren	500	20

var row = document.querySelectorAll('table tr')

var cols = document.querySelectorAll('td')

console.log(row);

console.log(cols);

for (var i = 1; i < row.length; i++) {

if (i % 2 == 0) {

console.log("22");

row[i].style.backgroundColor = "#eee"

}

}

for (var j = 0; j < cols.length; j++) {

cols[j].style.borderBottom = "2px solid #ccc"

}