将CSS样式应用于Javascript中的文本？

有没有办法在Javascript中应用CSS样式

---

假设我有一个名为“InfoFont”的CSS样式，我想将其应用于从

document.write（“信息”）编写的文本，我该如何做？
您需要一个文档元素，如span或div来封装文本。然后，可以将样式应用于封装元素

正如前面提到的，您应该避免使用document.write。如果您有权访问DOM，我建议您使用jquery或其他框架来操作它们。
您需要一个文档元素，如span或div来封装文本。然后，可以将样式应用于封装元素

正如前面提到的，您应该避免使用document.write。如果您有权访问DOM，我建议您使用jquery或其他框架来操作DOM。
您需要使用包含所需CSS类的标记来动态包装正在添加的内容

你真的是通过
文档添加内容吗？不过还是写

更常见的情况是这样：

var newDiv = document.createElement( "div" );

newDiv.className = "InfoFont";
newDiv.innerHTML = "[YOUR CONTENT HERE]";

document.getElementById( "[RELEVANT CONTAINER ID]" ).appendChild( newDiv );

您需要用一个包含所需CSS类的标记动态包装您正在添加的内容

你真的是通过
文档添加内容吗？不过还是写

更常见的情况是这样：

var newDiv = document.createElement( "div" );

newDiv.className = "InfoFont";
newDiv.innerHTML = "[YOUR CONTENT HERE]";

document.getElementById( "[RELEVANT CONTAINER ID]" ).appendChild( newDiv );

试着这样做：-

var ele = document.createElement('div');
ele.setAttribute('id', 'ELEMENTID');
ele.setAttribute('className', 'InfoFont'); // OR  ele.className = 'InfoFont';
ele.innerHTML = "CONTENT";

@Matt的评论答案是最好的答案。

试着这样做：-

var ele = document.createElement('div');
ele.setAttribute('id', 'ELEMENTID');
ele.setAttribute('className', 'InfoFont'); // OR  ele.className = 'InfoFont';
ele.innerHTML = "CONTENT";

@Matt的评论答案是最好的答案。

document.write（“信息”）
，通常需要注意的是，应该避免使用
document.write
。我不想详细介绍document的更好替代方案。尽管如此，请编写：）@MattGreer:+1以获得最佳注释答案。将此评论作为答案发布。
document.write（“信息”）
，通常需要注意的是，应该避免使用
document.write
。我不想详细介绍document的更好替代方案。尽管如此，请编写：）@MattGreer:+1以获得最佳注释答案。将此评论作为答案发布。不要使用
.setAttribute（“类”）
。这里有很多问题。改为使用
newDiv.className=…
。不要使用
.setAttribute（“类”）
。这里有很多问题。改用
newDiv.className=…
。@Matt的注释答案是最好的答案。如果您忽略了使用document.write添加内容的不可取之处。@Matt的评论答案是最好的答案。如果您忽略了使用document.write添加内容的不可取之处。