• Javascript:小心使用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;

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

    【本文章出自博客园深蓝居,转载请注明作者出处,如果您觉得博主的文章对您有很大帮助,欢迎支付宝(studyzy@163.com)对博主进行打赏。】
  • 相关阅读:
    解决Prism的EventAggregator的事件订阅错误
    解决Prism中Region的GetView不起作用问题
    怎样成为一个高手
    排球比赛积分规则
    个人作业
    个人作业
    会议总结
    个人总结
    本周冲刺
    本周个人总结
  • 原文地址:https://www.cnblogs.com/studyzy/p/694098.html
Copyright © 2020-2023  润新知