innerHTML给标签添加样式

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

Megamind_HL

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

阅读量8.6k

点赞数 2

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

本文链接：https://blog.csdn.net/megamind_hl/article/details/78979129

版权

innerHTML样本专栏收录该内容

2 篇文章 0 订阅

订阅专栏

在我们日常开发中，很多时候都需要用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里面的内容用“”（双引号）；这样就能生成你想要的样式了
}