如何在Javascript中减速html

我将显示一条带有一些样式的消息。 例如：

你好，

如何将其声明到javascript变量中，以便在需要的地方设置文本

我是这样设置的。

this.header.setHtml（“Hello”）这工作正常，但我想放一些cls。如何做到这一点
 可能是你想要的

var spanEle = '<span style="color: rgb(255, 0, 0);">Hello</span>';
this.header.setHtml(spanEle);

var spanEle='Hello'；
this.header.setHtml（spanEle）；
假设您的标题是

<h1 id="header"></h1>



然后设置html应该尽可能简单

document.getElementById( "header" ).innerHTML = '<span style="color: rgb(255, 0, 0);">Hello</span>';

document.getElementById（“header”）.innerHTML='Hello'；

你所需要做的就是弄清楚如何到达那个特定的元素

例如，如果header元素是

<span class="header"></span>



那就去吧

document.querySelector( ".header" ).innerHTML = '<span style="color: rgb(255, 0, 0);">Hello</span>';

document.querySelector（“.header”）.innerHTML='Hello'；
下面是一个有几种不同方法的示例


函数追加消息（文本）{
document.getElementById（'message'）.append（text）；
}
附加信息（“你好”）；
附加信息（“世界”）；
函数appendHtml（html）{
document.getElementById（'output1'）。innerHTML+=html；
}
appendHtml（'Hello'）；
附录HTML（“世界”）；
函数setHtml（值）{
document.getElementById（'output2'）。innerHTML=value；
}
setHtml（'Hello'）；
setHtml（“世界”）；
//然后，若您愿意，可以使用prototype来扩展元素以添加setHtml
Element.prototype.setHtml=函数（html）{
this.innerHTML=html；
}
//你可以这样使用它
document.getElementById（'prototype_example'）.setHtml（'This work too！'）
#消息，.red{
颜色：rgb（255,0,0）；
}
格林先生{
颜色：rgb（0188,50）；
}







setHtml
请分享它的实现。这在extJS中与我尝试的方式完全相同，但我缺少的是我在使用“”时，就像这样<代码>this.header.setHtml（“spanEle”）@David是的。请不要使用“”。当您使用“”时，脚本认为它是一个字符串，而不是一个变量，所以我也可以通过任何方法将文本输入右侧header@David我不是extJs专家，但既然有setHtml，那么也必须有
.setText（“一些文本”）
。这有帮助吗？