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

有没有办法在Javascript中应用CSS样式？将CSS样式应用于Javascript中的文本？

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

来源

2012-10-09 jrquick

'文件撰写（ “<跨度类= 'InfoFont'>信息”）;'，与正常告诫说'document.write'应该避免。 –

让它成为答案马特。 :) –

我不想扩大更好的替代document.write虽然:) –

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

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

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

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

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

来源

2012-10-09 19:53:22

不要使用'.setAttribute（“class”）'。有IE问题。改用'newDiv.className = ...'。 –

您需要像span或div这样的文档元素来封装文本。然后，您可以将样式应用于封装元素。

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

来源

2012-10-09 19:52:37 Maess

试试这个方法：

它会看到这样的事情是比较常见的 -

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

@马特的评论答案是简单的最佳答案。

来源

2012-10-09 19:55:19

_ @ Matt的评论回答是最简单的答案._如果您不想使用document.write来添加内容。 –

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

回答

相关问题