Javascript Object.innerHtml不替换提供的整个字符串参数

Question

newcell.innerHTML='<td id=\"blah1\">'+BLAH+'</td>'; 出于某些奇怪的原因，我的<td>BLAH</td>在页面上正确呈现，但我在td标记内给出的任何属性都不会显示。有什么指针吗？ 对不起，如果这听起来很愚蠢，我在前端的经验非常少。任何“必看”教程将不胜感激。感谢

Answer 1

如果newCell在这种情况下代表<td>，那么您需要使用outerHTML代替innerHTML，或者以编程方式设置所需的属性。

var newCell = document.createElement("td");
newCell.outerHTML = '<td id=\"blah1\">'+BLAH+'</td>';

或

var newCell = document.createElement("td");
newCell.id = "blah1";
newCell.innerHTML = BLAH;

Answer 2

如果您使用单引号声明Javascript字符串，则无需转义在其中使用的任何双引号。试试newcell.innerHTML='<td id="blah1">'+BLAH+'</td>';。