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

Question

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

假设我有一个名为“InfoFont”的CSS样式，我想将它应用于document.write("Information");写的文本，我该怎么做？

Answer 1

您需要使用包含所需CSS类的标记动态添加要添加的内容。

您是否真的通过document.write添加内容？

看到这样的事情会更常见：

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

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

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

Answer 2

您需要一个文档元素（如span或div）来封装文本。然后，您可以将样式应用于封装元素。

正如评论所提到的，你应该避免使用document.write。如果您有权访问它，我建议您使用jquery或其他框架来操作DOM。

Answer 3

尝试这种方式： -

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

  

@Matt的评论答案是最简单的答案。