javascript - 使用 HR 标签的 HTML / Javascript 动态行

Question

我已经创建了一个关于用户选择的流程图。在选择选项时，应绘制一条线。行已正确创建，但它正在重置用户选择的选项。

var htmlLine = "<div style='padding:0px; margin:0px; height:" + thickness + "px; background-color:" + color + "; line-height:1px; position:absolute; left:" + cx + "px; top:" + cy + "px; width:" + length + "px;behavior:url(Scripts/-ms-transform.htc); -moz-transform:rotate(" + angle + "deg); -webkit-transform:rotate(" + angle + "deg); -o-transform:rotate(" + angle + "deg); -ms-transform:rotate(" + angle + "deg); transform:rotate(" + angle + "deg);'><hr></div>";
//
//alert(htmlLine);
document.body.innerHTML += htmlLine;

最后一行正在制造一些问题。当最后一行被评论时，一切都很好。

请帮我...！！！

Answer 1

我在您的代码中看到的一个问题是您在样式上使用了单引号。你必须有这样的东西：style="....."。您可以使用 '\' 转义双引号。您的代码将如下所示： var htmlLine = "<div style=\"padding:0px;...etc -> 双引号被 \ 字符转义