<tr id='test'>
<td></td>
<td></td>
<td></td></tr>我想docement.getElementById('test').innerHTML = "<td> sdf </td> <td>sdfsd</td>";报未知的错误,是啥原因?innerHTML 如果不行 该用什么办法?????
解决方案 »
- js encodeURI 转码导致未结束的字符串
- Jquery UI dialog问题
- 网页中的字体滑动效果 很简单拿分 希望大大给出代码
- jsp jquery,JS有关问题,内附js源码,大家交流学习,帮帮我把
- treeview的所有节点前均会有复选框
- 输入焦点的问题,已经触发 onfocus(),怎么光标不在上面?
- 如何获得div中iframe中的textbox
- 如何在javascript中取出<div style="">中的style的内容??
- 请问怎么传递数据给wscript脚本?100分
- 如何拿到动态对象的value
- 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>