Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/87.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在javascript forloop中呈现大块html_Javascript_Html_Css - Fatal编程技术网

如何在javascript forloop中呈现大块html

如何在javascript forloop中呈现大块html,javascript,html,css,Javascript,Html,Css,我有一个html组件,它在一个表中生成不同数量的行。在这个组件中有几个css类,例如 <div class="row" style="margin-left:0"> 如何将这一大块html嵌入javascript forloop中?我知道的唯一方法是使用document.write(“”),但是类中的引号会把它弄乱 更新: 你知道为什么在使用innerHTML时会忽略标记和其中的所有内容吗?你需要在javascript中转义你的引号 alert('Oh, heya, I did

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

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

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

更新:
你知道为什么在使用innerHTML时会忽略标记和其中的所有内容吗?

你需要在javascript中转义你的引号

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

制作一个id为
someDiv
(或任何您想要的)的div,使其工作

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

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

JavaScript对于表达HTML来说不是很好,因为它缺少语法,这导致您必须转义任何字符串文本(如@davidell所建议的)


可能值得考虑使用诸如或

之类的符号。代码的其余部分是什么样子的?使用单引号。。文件。写(“”);什么!?Javascript不适合表达HTML?老兄,胡子和下划线都是用Javascript写的。。。。设计它们是因为用字符串表达HTML是一个痛苦的世界。它甚至不像JavaScript在默认情况下提供了处理XML的功能,我所能说的是,JavaScript是专门为处理(包括表达)HTML而设计的。下划线并没有让这变得更容易。嗨,Elliot,我不想在这里说得太难,但是在JavaScript中表达任何形式的XML都是很痛苦的,因为您最终不得不将一堆字符串文本连接在一起。模板引擎在模板(HTML)和数据(JavaScript对象)之间提供了一个清晰的分离——如果你还没有研究过,那么我建议你看看这篇博文:好文章。然而,在这种情况下,它不是特别相关,因为OP有一个非常简单的问题,安装模板引擎有点像使用反铲耕种花园。然而,当你在一个非常大的项目中工作时,模板引擎是非常好的,在这个项目中你做了很多类似的事情。你知道为什么在使用innerHTML时标签和其中的所有东西都被忽略了吗???@James:它们不应该被忽略。但是,我认为这可能属于一个单独的问题。仅供参考,问题2发生是因为我在表中插入了一个div,div必须是