关于innerHTML


我的一个 <DIV id="initSubmitInfo" style="width:100%">  
</DIV> 通过一个函数向innerHTML加入表格 当我通过另一个函数向它innerHTML加入表格时就是加不上 不信大家试试 <script language="javascript">
function function1() 
{ 
  document.getElementById("initSubmitInfo").innerHTML=" <table width='200' border='0'>\
  <tr>\
    <td>&nbsp; 111</td>\
  </tr>\
</table>"; 
} function function2() 
{ 
  document.getElementById("initSubmitInfo").innerHTML="21"; 
}
function1();
//function2()
</script>

解决方案 »

  1.   

    呵呵，分清楚你的双引号和单引号的用法，还有不要随便换行。如果要清晰的话，用一个 Array 吧  var tableHtml = [];
      tableHtml.push("<table width='200' border='0'>);
      tableHtml.push("<tr>");
      tableHtml.push("<td>&nbsp</td>");
      tableHtml.push("</tr>");
      tableHtml.push("</table>");  document.getElementById("initSubmitInfo").innerHTML = tableHtml.join('');
      

  2.   

    是innerHTML值在执行function2后没有改变
      

  3.   

    tableHtml.push("<table width='200' border='0'>);
    呵，这句末尾少了个双引号
      

  4.   

    <DIV id="initSubmitInfo" style="width:100%">  
    </DIV> 
    <script language="javascript">
    function function1() 
    { 
      this.document.getElementById("initSubmitInfo").innerHTML=' <table width="200" border="1">'+ 
      '<tr>'+ 
      '  <td>&nbsp; </td>'+ 
      '</tr> '+
    '</table>';
    } function function2() 
    { 
      this.document.getElementById("initSubmitInfo").innerHTML="21"; 
    }
    </script>
    <input type="submit" onclick="function2()">
      

  5.   

    那你先把原来的DIV控件的innerHTML 值等于空再赋值不就行了吗
      

  6.   

    自己写的不对。把html标签属性引号和js字符串定界符搞混了。
      

  7.   

    第一个function应该就是引号的问题。
    第二个没有问题。
      

  8.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <script language="javascript" type="text/javascript">
    function function1() 
    { 
      this.document.getElementById("initSubmitInfo").innerHTML="<table width='200' border='2'><tr><td>asdfasdfasdf</td></tr></table>";
    } function function2() 
    { 
      this.document.getElementById("initSubmitInfo").innerHTML="21"; 
    }
    </script>
    </head><body>
    <input type="button" onclick="function1()" value="test1"/><br />
    <input type="button" onclick="function2()" value="test2" />
    <DIV id="initSubmitInfo" style="width:100%">  
    </DIV> </body>
    </html>末有问题。
      

  9.   

    我的一个 <DIV id="initSubmitInfo" style="width:100%">  
    </DIV> 通过一个函数向innerHTML加入表格 当我通过另一个函数向它innerHTML加入表格时就是加不上 不信大家试试 <script language="javascript">
    function function1() 
    { 
      document.getElementById("initSubmitInfo").innerHTML="<table width=200 border=1>\<tr>\<td>111</td>\</tr>\</table>"; 
    } function function2() 
    { 
      document.getElementById("initSubmitInfo").innerHTML="222"; 
    }</script>
    <br>
    <input type="submit" value="222" onclick="function2()">
    <input type="submit" value="111" onclick="function1()">
      

  10.   

    六楼的可以加一个<input type="submit" onclick="function2()">就可以看到效果了，而你的那个字符连接出了问题