JavaScript 实现表格隔行变色，前端工程师最容易遇到4个瓶颈是什么

使用 HTML 方式查找元素

首先在 HTML 界面添加样式

.blue{

background: bisque;

}

编写JavaScript脚本文件

// 查找所有的行，各行变色 假如偶数行变色

// 查找 tbody 中所有的 tr，然后隔行变色。

// 使用 HTML方式查找元素。

var table = document.getElementById(“data”);

var tbody = table.getElementsByTagName(“tbody”)[0];

var tr = tbody.getElementsByTagName(“tr”);

for (var i = 0, len = tr.length; i < len; i++) {

if (i % 2 == 1) {

tr[i].className=“blue”;

}

}