ネストされた引用符で文字列を構築する

Question

固定サイズ、固定背景色不透明度、および可変背景色を持つhtml（スパンである必要はありません）を追加する必要があります。私はこの試みた：

var tr = htmlDocument.getElementById(myId).tBodies[0].children; 
tr[1].children[5].innerHTML = '<center><span ng-style="{'background-color': getColor(parseFloat(myArray[index]))}">' + myArray[index] + '</span></center>'; 

をし、私が得た：

Uncaught SyntaxError: Unexpected identifier 

idは完全に正常に動作しますので、それを気にしません。また、不透明度を追加する方法（たとえば50％）もわかりません。

Answer 1

は、内側の単一引用符をエスケープし、それをスタイル属性与える

：

tr[1].children[5].innerHTML = '<center><span style="opacity: 50%; font-size: 15px" ng-style="{\'background-color\': getColor(parseFloat(myArray[index]))}">' + myArray[index] + '</span></center>'; 

Answer 2

もう一つの方法は、多くのクリーナー：

var tr = htmlDocument.getElementById(myId).tBodies[0].children; 

var ngStyle = { 
    "background-color": getColor(parseFloat(myArray[index])) 
}; 
var span = document.createElement("span"); 
span.setAttribute("ng-style", JSON.stringify(ngStyle)); 
span.innerHTML = myArray[index]; 

tr[1].children[5].innerHTML = ""; 
tr[1].children[5].insertBefore(span, null); 
tr[1].children[5].style.textAlign = "center"; 
tr[i].children[5].style.opacity = 0.5;