改变某个单元格的背景 html table td bgcolor

最新推荐文章于 2022-04-13 00:15:28 发布

原创最新推荐文章于 2022-04-13 00:15:28 发布 · 4.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#table #html #javascript #dos #button #border

JavaScript 专栏收录该内容

68 篇文章

订阅专栏

本文介绍了一种使用JavaScript来调整HTML页面中指定元素及表格内所有单元格字体大小的方法。通过编写一个函数，可以轻松地修改特定ID的元素和指定表格内所有单元格的文字显示大小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

通过这个重新设置元素字体大小

function doS() {
            
            document.getElementById('title').style.fontSize = 25 + 'px';      // 设置单个元素字体大小
            for (var i = 0; i < table1.rows.length; i++) {                    // 设置table内容字体大小
                for (var j = 0; j < table1.rows[i].cells.length; j++) {
                    var ele = table1.rows[i].cells[j];
                    ele.style.fontSize = 20 + 'px';
                }
            }
}

<input id="btset" type="button" value="设置" onclick="javascript:doS();" />

<table id="table1" width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>字体大小</td>
<td>字体大小</td>
<td>字体大小</td>
</tr>
<tr>
<td>字体大小</td>
<td>字体大小</td>
<td>字体大小</td>
</tr>
<tr>
<td>字体大小</td>
<td>字体大小</td>
<td>字体大小</td>
</tr>
</table>

有时直接设置table的属性并不能改变字体大小，所以先这样个笨办法处理。