小心使用innerHTML

最近在做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;

就这样就可以解决问题了.

转载于:https://www.cnblogs.com/GoalRyan/archive/2009/07/09/1519640.html

小心使用innerHTML相关推荐

【JS】innerHtml用法
innerHtml用法 <html> <head> <script> function Test(){var str="";str+=" ...
python lxml解析html,当使用lxml.html解析html时，等同于InnerHTML
我正在编写一个使用lxml.html解析网页的脚本.在我的时间里,我做了一些漂亮的工作,但是现在由于它的速度,我正在尝试使用lxml. 我想知道库中最明智的方法是做与Javascript的InnerH ...
innerHTML VS createElement
两者生成dom的方式有什么优劣呢? 首先让我们看一个小问题再引入正题- 如何重复插入一个相同的html结构呢? //错误的 window.onload = function(){var el = do ...
【小心勿喷，吃饭中的小朋友最好别看】史上最搞笑的前端vue文件命名，没有之一，呵呵哒
我刚刚接手这个项目的时候就被一系列不知所措的文件命名给深深的震惊了,那种振聋发聩不亚于听到赌王离世的消息. 首先请看,文件本来是用于处理"请假审批",但是文件名居然叫做" ...
我的《超级马里奥》我做主：会漂移掉头还带刹车音效，C++从零打造，网友：小心任天堂找你...
点击上方"视学算法",选择加"星标"或"置顶" 重磅干货,第一时间送达丰色发自凹非寺量子位报道 | 公众号 QbitAI 你见过这 ...
小心！你下载的机器学习工具包可能是病毒：CuPy被掉包，官方一天后才发现
点击上方"视学算法",选择加"星标"或"置顶" 重磅干货,第一时间送达晓查发自凹非寺量子位报道 | 公众号 QbitAI 小心! ...
Python，你应该小心的逗号！一步错步步错
昨天在跑程序时,突然发现抛出了一个莫名其妙的错误,查看日志如下图所示: 百思不得起解,因为这里调用的是别的接口,之前测试直接写死,也没有报错,为何多了一个莫名其妙的tuple出来. 调用的参数通过Fl ...
javascript-行间样式,提取行间事件,while/for,全选/反选/取消,选项卡,innerHTML
行为.样式.结构分离(JS/CSS/HTML) 1.不要加行间样式: 2.不要加行间事件一.行间样式 <!DOCTYPE doctype html> <html lang=&quo ...
国内研究生不小心跟了一个水货导师是什么样的体验？
点击上方"AI遇见机器学习",选择"星标"公众号重磅干货,第一时间送达来自 | 知乎 https://www.zhihu.com/question/2879 ...

小心使用innerHTML

小心使用innerHTML相关推荐

最新文章

热门文章