作者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/cn.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