版上各位高手好
小弟想请教有关innerHTML使用上的问题
HTML code:
<table id="list_table_DHCPOP" width="100%" cellpadding="0" cellspacing="0" >
<tr>
<td height="26" colspan="9">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="26" class="table_title">
DHCP Option Rules<span class="cTitle"></span>
</td>
</tr>
</table>
</td>
</tr>
<tr class="top_font" align="center">
<td width="35">#</td>
<td >Filter Criteria</td>
<td width="90">Remove</td>
</tr>
</table>
Javascript function:
function addDHCPOPRules()
{
// just test
var num = document.getElementById( "list_table_DHCPOP" ).rows.length;
var Tr = document.getElementById( "list_table_DHCPOP" ).insertRow(num);
// === 正常 ===
Tr.setAttribute('class','table_font');
Tr.setAttribute('align','center');
Td = Tr.insertCell(Tr.cells.length);
Td.setAttribute('valign','top');
Td.innerHTML='1';
Td = Tr.insertCell(Tr.cells.length);
Td.innerHTML='option60';
Td = Tr.insertCell(Tr.cells.length);
// === 正常 ===
// === 没有效果 ===
Td.innerHTML='<a href="#"><img src="<%=media%>/admin/images/i_delete.gif"
name="Image1411" width="18" height="18" border="0" id="Image1411"
title="Delete" onclick="delQueue(<%= i %>, this, 0)"
onmouseover="MM_swapImage('Image1411','','<%=media%>/admin/images/
i_delete_on.gif',1)" onmouseout="MM_swapImgRestore()"/></a>'
// === 没有效果 ===
}
目的:
小弟想做的效果是做一个动态的table
让使用者增加rule后按"Add" button触发addDHCPOPRules() function
就可以新增rule并更新这个动态table
问题:
使用innerHTML新增如"addDHCPOPRules()" function 内"=== 没有效果 ==="那段code
不管怎么修改 就是没有作用 显示不出来(是一个可以让使用者按下去就马上动态delete
掉的小图) 想请问这样使用innerHTML是否有什么问题呢?
<%=media%>与<%= i %>都是变量 小弟测试过 只要innerHTML里有包含HTML标签就无法
正常显示 请问各位高手可否指点小弟问题何在? 感激不尽!!