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

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 的评论答案是最好的答案。