如何在javascript循环中渲染大块的html

时间:2012-05-09 12:30:09

标签: javascript html css

我有一个html组件,它在表中生成可变数量的行。在这个组件内部有几个css类,例如

<div class="row" style="margin-left:0">

如何在javascript forloop中嵌入这一大块html?我知道如何使用document.write(“”)的唯一方法,但类中的引号会弄乱它。

更新: 在使用innerHTML时忽略标记及其中所有内容的任何想法

3 个答案:

答案 0 :(得分:2)

创建一个ID为someDiv(或任何你想要的)的div,以使其正常工作。

document.getElementById("someDiv").innerHTML = '<div class="row" style="margin-left:0">';

我使用单引号来包装字符串,以避免与HTML中的双引号冲突。

答案 1 :(得分:0)

您需要在javascript中转义引号。

alert('Oh, heya, I didn\'t see you, so "Hello"');

答案 2 :(得分:0)

JavaScript并不适合表达HTML,因为它缺少Heredoc语法,导致你必须转义任何字符串文字(如@DavidYell所建议的那样)。

可能值得考虑使用templating engineMustache.jsUnderscore.js