我想替换<tr id='test'> </tr>中的内容 innerHTML无法赋值?急 <tr id='test'><td></td><td></td><td></td></tr>我想docement.getElementById('test').innerHTML = "<td> sdf </td> <td>sdfsd</td>";报未知的错误,是啥原因?innerHTML 如果不行 该用什么办法????? 解决方案 » 免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货 首先document拼写错误tr的innerHTML属性是不运行写入的,即为只读属性LZ可以通过DOM操作达到目的 var tr = document.getElementById('test'), td = tr.insertCell(-1);td.innerHTML = 'sdf';td = tr.insertCell(-1);td.innerHTML = 'sdfsd'; var td=document.createElement("TD");tr.append(td); http://hi.baidu.com/sc_wuyi/blog/item/a172064a9fd0362409f7efa9.html LZ参考看看,<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd"><html><!--<html dir="rtl">--><!--左右/水平反转--><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>表格属性的操作</title></head> <style type="text/css"> body,td,div,input{font-family:Verdana; font-size:12px; color:#333333; font-weight:bold;}a:link,a:visited{font-family:Verdana; font-size:12px; color:#330099; font-weight:bold; text-decoration:none;}a:hover,a:active{font-family:Verdana; font-size:12px; color:#FF6600; font-weight:bold; line-height:25px;}span{font-family:Verdana; font-size:12px; color:red; font-weight:bold; padding-left:5px; }</style><script language="javascript" type="text/javascript">function $(id){return "string" == typeof(id) ? document.getElementById(id) : id;}//------------------------------------------------------function deleteRowCell(objID,RowIndex,CellIndex){var o=$(objID);var delRow=RowIndex;var delCell=CellIndex;if (delRow=="") delRow=$("nRow2").value;if (delCell=="") delCell=$("nCell2").value;o.rows[delRow-1].deleteCell(delCell-1);}//------------------------------------------------------function appendXRowCell(tableID,RowIndex){var o=$(tableID);var addRow=RowIndex;if(addRow=="") addRow=$("nRow4").value;var v=o.rows[addRow-1].cells.length;if(o.rows[addRow-1].rowIndex<9){ v="0"+(o.rows[addRow-1].rowIndex+1); (o.rows[addRow-1].cells.length<9)?(v=v+"0"+(o.rows[addRow-1].cells.length+1)):(v=v+""+(o.rows[addRow-1].cells.length+1)); }else{ v=(o.rows[addRow-1].rowIndex+1); (o.rows[addRow-1].cells.length<9)?(v=v+"0"+(o.rows[addRow-1].cells.length+1)):(v=v+""+(o.rows[addRow-1].cells.length+1));}var newTxtNode=document.createTextNode(v);var newCell=document.createElement("TD");newCell.appendChild(newTxtNode);o.rows[addRow-1].appendChild(newCell);o.outerHTML=o.outerHTML+""; }</script><body><p><b>表格操作</b></p><table width="100%" border="3" cellpadding="4" cellspacing="8" id="tb01" name="tb01"> <tr bgcolor="#CCCCCC"> <td width="15%">0101</td> <td width="35%">0102</td> <td width="25%">0103</td> <td width="25%">0104</td> </tr> <tr> <td>02</td> <td>0202</td> <td>0203</td> <td>0204</td> </tr> <tr> <td>03</td> <td bgcolor="#99CC00">0302</td> <td colspan="2">0303</td> </tr> <tr> <td>04</td> <td>0402</td> <td>0403</td> <td>0404</td> </tr> <tr> <td>05</td> <td>0502</td> <td>0503</td> <td>0504</td> </tr></table><hr size="1" color="#FF0000"><br>将第<input name="nRow2" type="text" id="nRow2" onkeyup="this.value=this.value.replace(/[^0-9]*$/g,'');" value="1" size="10">行的第<input name="nCell2" type="text" id="nCell2" onkeyup="this.value=this.value.replace(/[^0-9]*$/g,'');keyEnter(event,'deleteRowCell','tb01\',\'\',\'');" value="4" size="10">列 <a href="#:;" onClick="javascript:deleteRowCell('tb01','','');">删除</a> <br>向第<input name="nRow4" type="text" id="nRow4" onkeyup="this.value=this.value.replace(/[^0-9]*$/g,'');keyEnter(event,'appendXRowCell','tb01\',\'');" value="1" size="10">行后 <a href="#:;" onClick="javascript:appendXRowCell('tb01','');">增加一列</a><br></body></html> 为什么他会多换一次行谢谢帮助 提供一个表格样式 table插入innerHTML问题? 这个问题可以解决吗?(图层显示方面的) 日期问题 原创:一个MSN提示类 日期跳转 如何在<textarea>中限制每行只能输入固定个数字符 emu(ston)!孟老师等!请进!(分不多了,完了结分) <frameset><frame name...></frameset>是什么意思?谢谢!!! firefox下div无法隐藏,IE下正常。有何解决办法? 关于<select>选择问题?
tr的innerHTML属性是不运行写入的,即为只读属性
LZ可以通过DOM操作达到目的
var tr = document.getElementById('test'),
td = tr.insertCell(-1);
td.innerHTML = 'sdf';
td = tr.insertCell(-1);
td.innerHTML = 'sdfsd';
tr.append(td);
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<!--<html dir="rtl">--><!--左右/水平反转-->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>表格属性的操作</title>
</head>
<style type="text/css">
body,td,div,input{font-family:Verdana; font-size:12px; color:#333333; font-weight:bold;}
a:link,a:visited{font-family:Verdana; font-size:12px; color:#330099; font-weight:bold; text-decoration:none;}
a:hover,a:active{font-family:Verdana; font-size:12px; color:#FF6600; font-weight:bold; line-height:25px;}
span{font-family:Verdana; font-size:12px; color:red; font-weight:bold; padding-left:5px; }
</style>
<script language="javascript" type="text/javascript">
function $(id){
return "string" == typeof(id) ? document.getElementById(id) : id;
}//------------------------------------------------------
function deleteRowCell(objID,RowIndex,CellIndex)
{
var o=$(objID);
var delRow=RowIndex;
var delCell=CellIndex;
if (delRow=="") delRow=$("nRow2").value;
if (delCell=="") delCell=$("nCell2").value;
o.rows[delRow-1].deleteCell(delCell-1);
}//------------------------------------------------------
function appendXRowCell(tableID,RowIndex)
{
var o=$(tableID);
var addRow=RowIndex;
if(addRow=="") addRow=$("nRow4").value;
var v=o.rows[addRow-1].cells.length;
if(o.rows[addRow-1].rowIndex<9){
v="0"+(o.rows[addRow-1].rowIndex+1);
(o.rows[addRow-1].cells.length<9)?(v=v+"0"+(o.rows[addRow-1].cells.length+1)):(v=v+""+(o.rows[addRow-1].cells.length+1));
}else{
v=(o.rows[addRow-1].rowIndex+1);
(o.rows[addRow-1].cells.length<9)?(v=v+"0"+(o.rows[addRow-1].cells.length+1)):(v=v+""+(o.rows[addRow-1].cells.length+1));
}var newTxtNode=document.createTextNode(v);
var newCell=document.createElement("TD");
newCell.appendChild(newTxtNode);
o.rows[addRow-1].appendChild(newCell);
o.outerHTML=o.outerHTML+"";
}
</script>
<body>
<p><b>表格操作</b></p>
<table width="100%" border="3" cellpadding="4" cellspacing="8" id="tb01" name="tb01">
<tr bgcolor="#CCCCCC">
<td width="15%">0101</td>
<td width="35%">0102</td>
<td width="25%">0103</td>
<td width="25%">0104</td>
</tr>
<tr>
<td>02</td>
<td>0202</td>
<td>0203</td>
<td>0204</td>
</tr>
<tr>
<td>03</td>
<td bgcolor="#99CC00">0302</td>
<td colspan="2">0303</td>
</tr>
<tr>
<td>04</td>
<td>0402</td>
<td>0403</td>
<td>0404</td>
</tr>
<tr>
<td>05</td>
<td>0502</td>
<td>0503</td>
<td>0504</td>
</tr>
</table>
<hr size="1" color="#FF0000">
<br>
将第<input name="nRow2" type="text" id="nRow2" onkeyup="this.value=this.value.replace(/[^0-9]*$/g,'');" value="1" size="10">行的第<input name="nCell2" type="text" id="nCell2" onkeyup="this.value=this.value.replace(/[^0-9]*$/g,'');keyEnter(event,'deleteRowCell','tb01\',\'\',\'');" value="4" size="10">
列 <a href="#:;" onClick="javascript:deleteRowCell('tb01','','');">删除</a>
<br>
向第
<input name="nRow4" type="text" id="nRow4" onkeyup="this.value=this.value.replace(/[^0-9]*$/g,'');keyEnter(event,'appendXRowCell','tb01\',\'');" value="1" size="10">行后 <a href="#:;" onClick="javascript:appendXRowCell('tb01','');">增加一列</a>
<br>
</body>
</html>