zoukankan      html  css  js  c++  java
  • 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)对博主进行打赏。】
  • 相关阅读:
    人人网笔试题
    创新工厂笔试题
    奇异广告面试
    微策略笔试题
    多玩笔试题
    有道笔试+面试
    巨人网络开发工程师试题
    Hulu笔试题
    百度笔试题
    兰亭集势笔试题
  • 原文地址:https://www.cnblogs.com/studyzy/p/694098.html
Copyright © 2011-2022 走看看