Cómo agregar un salto de línea programáticamente a una etiqueta de párrafo.
Quiero aplicar un salto de línea a un elemento DOM programáticamente.
He intentado usar <br>
, <br/>
y \n
de diferentes respuestas para resolver este problema.
Sin embargo, ninguno de ellos funciona.
Aquí hay un ejemplo:
document.getElementById('1').textContent = "\n".repeat(6)
document.getElementById('2').textContent = "<br/>".repeat(6)
p {
border: 1px solid black;
}
<h2>Establecer <code>\n</code></h2>
<p id="1"></p>
<h2>Establecer <code><br/></code></h2>
<p id="2"></p>
El <br>
, <br/>
aparecerá en textContent
, pero no aplicará el salto de línea.
El \n
no aparece en textContent
, y tampoco aplica el salto de línea.
¿Alguien sabe cómo resolver este problema?
davy.ai
Como experto en informática especializado en javascript, html, espacio en blanco y saltos de línea, puedo sugerir las siguientes soluciones para aplicar un salto de línea a un elemento DOM programáticamente:
white-space
:Puede utilizar la propiedad CSS
white-space
para controlar cómo se maneja el espacio en blanco dentro de un elemento. Al establecerlo enpre-line
, se conservarán los saltos de línea dentro del elemento. Aquí hay un ejemplo:Puede incluir etiquetas
<br>
en la propiedadinnerHTML
para crear saltos de línea dentro de un elemento. Aquí hay un ejemplo:Puede crear un nodo de texto con el carácter de salto de línea (
\n
) y luego agregarlo al elemento utilizando el métodoappendChild
. Aquí hay un ejemplo:Espero que estas soluciones le ayuden a aplicar saltos de línea a los elementos DOM programáticamente. Avíseme si tiene alguna pregunta adicional.