谨慎使用innerHTML
发布时间：2023-05-06 13:50:32 所属栏目：教程 来源：
导读：最近在做AJAX,想用javascript实现DataList功能,遇到一个棘手的问题,由于要生成的HTML很长,所以我写成如下的形式:
list.innerHTML="<table><tr>";
list.innerHTML+="<td>"
......
但是这样生成的inne
list.innerHTML="<table><tr>";
list.innerHTML+="<td>"
......
但是这样生成的inne
|
最近在做AJAX,想用javascript实现DataList功能,遇到一个棘手的问题,由于要生成的HTML很长,所以我写成如下的形式: list.innerHTML="<table><tr>"; list.innerHTML+="<td>" ...... 但是这样生成的innerHTML始终不对,研究了半天,原来是innerHTML搞得鬼.innerHTML自带了语法检查功能,他会自动把不完整的HTML代码补充完整.运行如下的一个测试代码就可以发现了. document.getElementById("AlbumList").innerHTML="<table><tr>"; alert(document.getElementById("AlbumList").innerHTML); 他会自动把我的代码里面添加了<tbody>和</tr></table>等标记.神奇!!! 那么不让他自动填写的一个办法就是用一个中间变量: var html="<table><tr>"; html+="<td>"; ...... list.innerHTML=html; 就这样就可以解决问题了. （编辑：聊城站长网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
站长推荐
