日期:2014-05-17  浏览次数:20710 次

innerHTML动态增加的行没有样式
用js写了个方法,点击增加一行
function addRow(obj)
{
var newTr = testTbl.insertRow();
var newTd0 = newTr.insertCell();
var newTd1 = newTr.insertCell();
var newTd2 = newTr.insertCell();
newTd0.innerHTML= '<input  type="text" name="productId" id="productId">';
newTd1.innerHTML= '<input  type="text" name="wzone" id="wzone">';
newTd2.innerHTML= '<input  type="text" name="pmemo" id="pmemo">';
}    
<div class="form">
<form action" method="post" class="niceform" onsubmit="return check()">
<fieldset>
<table id="testTbl"><tr>
<td width="150px">填写id</td>
<td width="150px">填写zone</td>
<td width="150px">描述</td>
</tr>
</table>
</fieldset>
</form>
</div>  
但是点击按钮增加的行没有样式,请问怎么解决这个问题?
JavaScript css

------解决方案--------------------
newTd0.style.你想修改的属性 = ""

------解决方案--------------------
 记得应该有个隐藏模板的方法 挺好用的!