当前位置:首页 » 表格制作 » id怎样添加表格颜色
扩展阅读
哪个app可以无广告追剧 2025-03-11 00:23:31
id怎样添加表格颜色 2025-03-11 00:23:29

id怎样添加表格颜色

发布时间: 2025-03-11 00:23:29

⑴ JavaScript 设置表格中行的颜色

<script>
function setRowsColor(tableId){
var table = document.getElementById(tableId);
var rows = table.getElementsByTagName("tr");
for(var i = 0;i<rows.length;i++){
if(i%2==0)
rows[i].style.backgroundColor='#00ff0f';
}
}
</script>
<table border="1" id="table1">
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
<tr><td>123</td><td>223</td><td>123</td><td>223</td><td>123</td><td>223</td></tr>
</table>
<script>
setRowsColor('table1');
</script>

⑵ ID怎么把表格字体改成黑色

1.我们先拖拽出一个文本框,输入文字,下面就是要给文字换一个颜色了。
2.双击鼠标点击文字,按Ctrl+A全选。
3.然后点击左下角的文字填充色块,鼠标双击 弹出拾色器。
4选择黑色,确定即可。