【问题标题】:Table generated in by Javascript not displayingJavascript生成的表格不显示
【发布时间】:2013-06-14 02:40:08
【问题描述】:

此表未显示在我的 html 文件中:任何人都可以看到明显的错误吗?我已经盯着它看了好几个小时了!

<div id="data_list">
            <script type="text/javascript">
    document.write("<table border='1' rules='rows' cellspacing='0'>")
    document.write("<tr>");
    document.write("<th>Date</th><th>Amount</th><th>First Name</th>");
    document.write("<th>Last Name</th><th>Address</th>");
    document.write("</tr>");

    for (i=0;i<=amount.length;i++){
        if (i%2=0){
            document.write(<tr>);
            }else{
            document.write("<tr class='yellowrow'>");
            }

        document.write("<td>" + date[i] + "</td class='amt'>" + amount[i]+ "</td>");
        document.write("<td>" +firstName[i] + "</td><td>" + lastName[i] + "</td>");
        document.write("<td>" + street[i] + "<br />" + city[i] + ", " +state[i]+ "" +  zip[i] + "</td>");
        document.write("</tr>");
}
    document.write("</table>");
    </script>

【问题讨论】:

  • 第 3 行末尾缺少分号。
  • 您还应该考虑将表附加到一个变量,然后在脚本末尾调用一次document.write()。它可能会提高性能,并使您的脚本更灵活,看起来更干净。

标签: javascript html loops html-table


【解决方案1】:

这里:

if (i%2=0){
    document.write(<tr>);
}else{
    document.write("<tr class='yellowrow'>");
}

应该是

if (i%2==0){
    document.write('<tr>');
}else{
    document.write("<tr class='yellowrow'>");
}

i%2=0 应该是i%2==0 另外,&lt;tr&gt; 应该是一个字符串'&lt;tr&gt;'

【讨论】:

  • 谢谢!做到了,我的同事 Karthik?世界真小!
  • 天哪!真是一个小世界。明天见:)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-03-23
相关资源
最近更新 更多