將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中的文本？

回答

相關問題