问关于outerHTML的问题

Question

对不起，出处忘了，给个你参考
<TABLE ID="tblData">
<TR>
  <TH>input</TH></TR>
</TABLE><INPUT TYPE="button" ONCLICK="AddRow();" VALUE="Add Data"><SCRIPT LANGUAGE="JScript"><!--  function AddRow()
  {
    var eNewRow = tblData.insertRow();
    for (var i=0;i<1;i++)
    {
      var eNewCell = eNewRow.insertCell();
      eNewCell.innerHTML = "<input type=text value='test'>";
    }
  }  function DeleteRow(eButton)
  {
    var eRow = eButton.parentElement.parentElement;
    tblData.deleteRow(eRow.rowIndex);
  }//--></SCRIPT>

Answer 1

你的这一行代码少了个 引号 ";
col.innerHTML = "<input type='text' name='texMoney' value=''>
////// 通过(IE6)
<TABLE id="recordTable">
</TABLE>
<script>
function AddRecord()
{
var row = recordTable.insertRow(recordTable.rows.length); 
var col = row.insertCell(0);
col.innerHTML = "<input type='text' name='texRemar' value=''>"; 
col = row.insertCell(1); 
col.innerHTML = "<input type='text' name='texObjec' value=''>"; 
col = row.insertCell(2); 
col.innerHTML = "<input type='text' name='texClass' value=''>"; 
col = row.insertCell(3);
col.innerHTML = "<input type='text' name='texMoney' value='' onmouseover='alert(this.name)'>";

}
AddRecord();
</script>

Answer 2

可以使用attachEvent将一个事件绑定到某个元素：<TABLE id="recordTable"  border="1">
</TABLE>
<script>
function overEvent(){
  event.srcElement.style.backgroundColor="#ff0000";
}
function AddRecord()
{
var row = recordTable.insertRow(recordTable.rows.length); 
alert(row.outerHTML);
row.attachEvent("onmouseover", overEvent);
var col = row.insertCell(0);
col.innerHTML = "<input type='text' name='texRemar' value=''>"; 
col = row.insertCell(1); 
col.innerHTML = "<input type='text' name='texObjec' value=''>"; 
col = row.insertCell(2); 
col.innerHTML = "<input type='text' name='texClass' value=''>"; 
col = row.insertCell(3);
col.innerHTML = "<input type='text' name='texMoney' value=''>";
}
AddRecord();

Answer 3

很感谢,用attachEvent可以解决一些问题,但我想在onmouseover时能执行一个带参数的function,这参数就是这表格的行数,我用attachEvent怎么也搞不定,能否有更好的方法能够把写出来的<tr>改成<tr onmouseover=a(row)>?var rowIndex = 10;//表格原来已有10行
function AddRecord()
{
var row = recordTable.insertRow(recordTable.rows.length);//id=recordTable 
row.attachEvent("onmouseover", showOtherMES);//这里好像不能带参数
row.attachEvent("onmouseout", closeOtherMES);
var col = row.insertCell(0);
col.innerHTML = "<input type='text' name='texRe"+(rowIndex)+"' value='' >"; 
col = row.insertCell(1); 
col.innerHTML = "<input type='text' name='texObject"+(rowIndex)+"' value='' >"; 
col = row.insertCell(2); 
col.innerHTML = "<input type='text' name='texClassOne"+(rowIndex)+"' value='' >"; 
col = row.insertCell(3);
col.innerHTML = "<input type='text' name='texMoney"+(rowIndex)+"' value='' >"; 

rowIndex++;
}function showOtherMES(i)
{
otherMES.innerHTML="<font color=red>"+i</font>";//id=otherMES

}
function closeOtherMES()
{
otherMES.innerHTML="其他信息:";//id=otherMES
}

Answer 4

1 没有必要记录表格的行数
2 没有必要把行数传给函数，可以计算出的：
//代码在win98 + IE6 测试通过。
<p id=otherMES></p>
<TABLE id="recordTable">
</TABLE>
<button onclick="AddRecord()">Add Record</a>
<script>
//var rowIndex = 10;//表格原来已有10行
function AddRecord()
{
var row = recordTable.insertRow(recordTable.rows.length);//id=recordTable 
row.attachEvent("onmouseover", showOtherMES);//这里好像不能带参数
row.attachEvent("onmouseout", closeOtherMES);
var col = row.insertCell(0);
var i = row.rowIndex;
col.innerHTML = "<input type='text' name='texRe"+ i + "' value='' >"; 
col = row.insertCell(1); 
col.innerHTML = "<input type='text' name='texObject"+ i +"' value='' >"; 
col = row.insertCell(2); 
col.innerHTML = "<input type='text' name='texClassOne"+  i +"' value='' >"; 
col = row.insertCell(3);
col.innerHTML = "<input type='text' name='texMoney"+ i +"' value='' >"; 
//rowIndex++;
//alert(row.innerHTML);
}function showOtherMES()
{
e=event.srcElement;
if(e.tagName=="INPUT"){
 i = e.parentElement.parentElement.rowIndex;
 otherMES.innerHTML="<font color=red>"+i +"</font>";//id=otherMES
}
}
function closeOtherMES()
{
otherMES.innerHTML="其他信息:";//id=otherMES
}
</script>