作者bluedragon (藍閣龍宿)
看板Web_Design
標題[問題] 有關innerHTML使用問題
時間Sat Oct 18 17:50:39 2014
版上各位高手好
小弟想請教有關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標籤就無法
正常顯示 請問各位高手可否指點小弟問題何在? 感激不盡!!
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 114.34.254.51
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1413625843.A.B10.html
1F：→ mmis1000: 有看過console的錯誤訊息嗎？ 10/18 17:56
2F：→ Ayukawayen: 先把字串裡的單引號跳脫看看? 10/18 18:59
3F：推 pm2001: 字串裡面的'前面要加跳脫字元 10/18 23:10
4F：推 alog: 換個方式寫 10/19 01:39
5F：→ angke: innerHTML在ie下用在table會有問題可以用jquery 10/21 19:11
6F：→ angke: $('#id').html() 10/21 19:13
7F：→ angke: javascript有很多瀏覽器不同的問題最好用jquery 10/21 19:20