如何將CSS應用於document.write（）？

Question

我有一個程序，將使用Javascript來'打印'一個值使用'document.write（）'屏幕。打印的值是一個整數。我期望能夠使用CSS將樣式應用於正在打印輸出的整數。下面是我曾嘗試做一些截斷的示例代碼，但它不工作（方案只是退出：

var number = 5 //just for an example 
document.write('<p id="jstext"' + number + '</p>') 

，這是我使用的CSS代碼：

#jstext { 
    text-align: center; 
    font-size: 90px; 
} 

謝謝

Answer 1

這是不對的，請參閱修正：

var number = 5; //just for an example 
//------------^ // Not sure but ; is a must in some places. 
document.write('<p id="jstext">' + number + '</p>') 
//----------------------------^ 

您忘記關閉>他回覆。

工作如下片段：

#jstext { 
 
    text-align: center; 
 
    font-size: 90px; 
 
}

<script> 
 
var number = 5; //just for an example 
 
//------------^ // Not sure but ; is a must in some places. 
 
document.write('<p id="jstext">' + number + '</p>') 
 
//----------------------------^ 
 
</script>

---

更新：不要用以前的方法。

上述方法是完全錯誤的。它將刪除所有事件處理程序並完全損壞DOM。更好的方法是使用：

document.body.appendChild(document.createElement('p')); 
document.querySelector("body p:last-child").id = "jstext"; 
document.querySelector("#jstext").innerHTML = number; 

片段

#jstext { 
 
    text-align: center; 
 
    font-size: 90px; 
 
}

<script> 
 
var number = 5; //just for an example 
 
//------------^ // Not sure but ; is a must in some places. 
 
document.body.appendChild(document.createElement('p')); 
 
document.querySelector("body p:last-child").id = "jstext"; 
 
document.querySelector("#jstext").innerHTML = number; 
 
</script>