将CSS样式表与Javascript .innerHTML一起使用

  • Z时代
  • 2024-01-10
  • 分类：问答

如果我有一个JavaScript函数会使用加载错误

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

我想对其进行样式化，例如将文本更改为不同的颜色，然后将错误置于不同的位置，我该怎么做呢？我一直在环顾四周，找不到任何信息。

回答：

正如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>

以上是 将CSS样式表与Javascript .innerHTML一起使用 的全部内容， 来源链接： utcz.com/qa/424309.html

回到顶部