javascript - 我如何分别选择每一行,我需要为每一行添加一些样式
问题描述
function tableCreate() {
var body = document.body;
var tbl = document.createElement('table');
tbl.style.border = "1px solid #ccc";
tbl.style.width = "400px";
for (var i = 0; i < 5; i++) {
var tr = tbl.insertRow();
for (var j = 0; j < 5; j++) {
var td = tr.insertCell();
td.style.border = "1px solid #ddd";
if (i == 5 && j == 5) {
break;
} else {
td.style.padding = "10px";
if (i == 0 && j == 0) {
td.appendChild(document.createTextNode('S.No'));
}
if (i == 0 && j == 1) {
td.appendChild(document.createTextNode('Name'));
}
if (i == 0 && j == 2) {
td.appendChild(document.createTextNode('Emp.ID'));
}
if (i == 0 && j == 3) {
td.appendChild(document.createTextNode('Gender'));
}
if (i == 0 && j == 4) {
td.appendChild(document.createTextNode('Salary'));
}
}
}
}
//for(var){}
tr.style.background = '#006699';
body.appendChild(tbl);
}
tableCreate();
解决方案
您可以在添加行的同时添加样式:
var tr = tbl.insertRow();
tr.style. //whatever you want here
或者您可以稍后遍历行
for (var i = 0, row; row = tbl.rows[i]; i++) {
row.style. //whatever you want here
}
推荐阅读
- android - Android Studio项目构建成功,但是cmake没有生成原生库
- python - 无法连接数组元素并用所需条目替换但给出 TypeError: not enough arguments for format string 错误
- php - 在选择菜单更改时更改网站的语言不起作用 - MethodNotAllowedHttpException
- django - 详细视图不允许 Django/Django Rest Framework DELETE
- javascript - 自定义过渡彩色菜单
- .net - 如何在 Windows 启动时最小化应用程序 - Visual Basic
- android - NPE 在 Kotlin 数据类中使用 @Parcelize 注释
- ios - 长的非英文文本减慢 UITableview
- c++11 - 'std::shared_ptr' 尚未声明,#include
不工作 - php - 如何使用switch PHP在for循环中重复for循环