版上各位高手好
小弟想請教有關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標籤就無法
正常顯示 請問各位高手可否指點小弟問題何在? 感激不盡!!