innerHTML给标签添加样式

最新推荐文章于 2023-07-12 13:37:38 发布

Megamind_HL

最新推荐文章于 2023-07-12 13:37:38 发布

阅读量8.8k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： innerHTML样本文章标签： innerHTML 添加标签样式

本文链接：https://blog.youkuaiyun.com/Megamind_HL/article/details/78979129

innerHTML样本专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何利用innerHTML属性动态生成带有特定样式的HTML表格元素。通过示例代码展示了如何设置表格单元格的高度、宽度及对齐方式等样式。

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

在我们日常开发中，很多时候都需要用innerHTML来生成标签，这个在我上一篇文章中已经写出怎么生成table标签，接下来是怎么生成样式，以下给出具体实现代码：

//这里我还是用table作为示范；
<table id="settleDlgGrid" border="1" cellspacing="0" cellpadding="0"></table>

var code = '';
var div1 = document.getElementById('settleDlgGrid');
for (var i = 0; i < rsObj.length; i++) {
    code +=  '<tr><td  style="height : 30px;width:100px;text-align: center;">' +标签样式+'</td> </tr>';
div1.innerHTML = code;
//生成table和之前是一样的，但是标签是需要用‘’（单引号）来表示，style里面的内容用“”（双引号）；这样就能生成你想要的样式了
}