使用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 >雙引號由\\字符轉義