javascript - 使用嵌套引号构建字符串

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>';