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

小编典典

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

jsp

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

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

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

阅读 706

2020-06-08

共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>

2020-06-08