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;

使用嵌套引号构建String

2 个答案: