相关疑难解决方法(0)

我正在研究一个问题,需要为一组~100个元素中的每个元素创建一个复杂的div块.

除了内容之外,每个单独的元素都是相同的,它们看起来(在HTML中)是这样的:

<div class="class0 class1 class3">
<div class="spacer"></div>
<div id="content">content</div>
<div class="spacer"></div>
<div id="content2">content2</div>
<div class="class4">content3</div>
<div class="spacer"></div>
<div id="footer">content3</div>
</div>

我可以:

1)innerHTML使用字符串连接创建所有元素以添加内容.

2)使用createElement,setAttribute并appendChild创建和添加每个div.

选项1获取稍微小一点的文件可供下载,但选项2的渲染速度似乎稍快.

除了表演之外还有一个很好的理由通过一条路线或另一条路线？我应该测试的任何跨浏览器问题/性能问题？

...或者我应该尝试模板和克隆方法？

非常感谢.

我试图在firefox中的一个元素上设置innerHTML并且它工作正常,在IE中尝试它并且出现意外错误,没有明显的原因.

例如,如果您尝试将表的innerHTML设置为"hi from stu",则它将失败,因为该表必须后跟一个序列.

我是JavaScript的新手,我希望我可以td使用JavaScript 设置标记的值.

我有这样的代码这样做:

window.onload = function() {
     document.getElementById("units").value = "122"
}

我有一个像这样的html文件:

<table class="table" width="100%">
    <caption class="bold">TNEB UnitCalculator</caption>
    <tbody>
        <tr>
            <td>testing</td>
            <td id="units"></td>
        </tr>
    </tbody>
</table>

但这似乎并没有奏效!