javascript - 如何使用 .innerHTML 添加 html 标签？

Question

我有一个想要更新 innerhtml 文本和图标的元素，但我的标签被忽略了。

 document.getElementById("nextBtn").innerHTML = "Next
 <i class="icon icon--right icon-arrow-right"></i>";
}

标签： javascripthtmldomtagsinnerhtml

Answer 1

您需要转义"字符串中的内部双引号，或将外部引号更改为单引号'；例子：

document.getElementById("nextBtn").innerHTML = "Next <i class=\"icon icon--right icon-arrow-right\"></i>";

document.getElementById("nextBtn").innerHTML = 'Next <i class="icon icon--right icon-arrow-right"></i>';