HTML / Javascript使用HR标签的动态线

时间:2013-07-07 20:40:32

标签: javascript html line

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

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;

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

请帮帮我...... !!!

1 个答案:

答案 0 :(得分:0)

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

转义