使用带有Javascript .innerHTML的CSS样式表

Question

如果我有一个使用的加载错误的javascript函数

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

而且我希望将它设置为风格化,然后将文本更改为不同的颜色,并将错误置于不同的位置,我将如何进行此操作？我一直在环顾四周,找不到任何信息.

Answer 1

正如innerHTML建议你也可以添加HTML.例如,您可以添加一个span标签,其中包含您通过CSS设置的样式.

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>