1. 程式人生 > >innerHTML給標籤新增樣式

innerHTML給標籤新增樣式

  • 在我們日常開發中,很多時候都需要用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裡面的內容用“”(雙引號);這樣就能生成你想要的樣式了 }