javascript - 将 CSS 样式表与 Javascript .innerHTML 结合使用

Question

如果我有一个使用

加载错误的 javascript 函数

document.getElementById("ID").innerHTML = "This is your error";

我想对其进行样式化，比如将文本更改为不同的颜色，并将错误放在不同的位置，我该怎么做呢？我一直在四处寻找，找不到任何信息。

Answer 1

正如 innerHTML 所建议的，您还可以添加 HTML。例如，您可以添加一个带有您通过 CSS 设置样式的类的 span 标签。

JS/CSS 和 HTML

document.getElementById('error-message').innerHTML = "<span class='error'>my error</span>";

.error {
  color: red;
  font-size: 24px;
}

<div id="error-message"></div>