我想以編程方式對 dom 元素應用換行符。
我曾嘗試使用<br>,<br/>并\n從解決此問題的不同答案。
但是，它們都不起作用。
下面是一個例子：
document.getElementById('1').textContent = "\n".repeat(6)
document.getElementById('2').textContent = "<br/>".repeat(6)p {
border: 1px solid black;
}<h2>Set <code>\n</code></h2>
<p id="1"></p>
<h2>Set <code><br/></code></h2>
<p id="2"></p>的<br>，<br/>將出現在textContent，但不適換行符。
將\n不會出現在textContent，也并不適用換行符。
有誰知道如何解決這個問題？
uj5u.com熱心網友回復：
編碼
textContent將轉義您傳遞的值。innerHTML將字串保留為 html
空白
\n將添加一個新行，但由于 html 與 whitepsace 無關，默認情況下它不會顯示在<p>標簽內。如果要添加換行符，可以<br/>改用
堆疊片段中的演示
document.getElementById('1').textContent = "<br/>".repeat(6)
document.getElementById('2').innerHTML = "<br/>".repeat(6)p {
border: 1px solid black;
}<h2>Set <code>textContent</code></h2>
<p id="1"></p>
<h2>Set <code>innerHTML</code></h2>
<p id="2"></p>轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/364585.html
標籤：javascript html 空白 换行
上一篇：有沒有辦法通過陣列移動div？
下一篇：將2個按鈕與文本右側對齊