Escribir nueva línea en JavaScript
- Agregar una nueva línea usando el carácter de nueva línea en JavaScript
- Agregar una nueva línea usando literales de plantilla en JavaScript
-
Agregue una nueva línea usando la etiqueta HTML
<br>a la salida DOM en JavaScript
Podemos agregar una nueva línea en JavaScript de tres maneras según la situación y el resultado deseado. Este tutorial analiza los tres escenarios.
Agregar una nueva línea usando el carácter de nueva línea en JavaScript
En JavaScript, el símbolo \n representa el carácter de nueva línea. Si necesitamos imprimir palabras en diferentes líneas en la consola, podemos usar \n dentro de la cadena para introducir el salto de línea.
Ejemplo:
let str = 'This is in line 1.\nThis is in line 2.';
console.log(str);
Producción :
This is in line 1.
This is in line 2.
Agregar una nueva línea usando literales de plantilla en JavaScript
Los literales de plantilla son la forma en que JavaScript permite la interpolación de variables y expresiones en cadenas, cadenas entre comillas y cadenas de varias líneas. Están encerrados en acentos graves, lo que facilita la introducción de nuevas líneas en JavaScript.
Ejemplo:
let str = `This is in line 1.
This is in line 2.`;
console.log(str);
Producción :
This is in line 1.
This is in line 2.
Agregue una nueva línea usando la etiqueta HTML <br> a la salida DOM en JavaScript
Podemos usar el DOM para tener un salto de línea usando la etiqueta <br> en HTML. Pero este método es específico para páginas web y no funciona en la consola.
Ejemplo:
<body>
<div id="addNewline"></div>
<script>
let element = document.getElementById("addNewline");
element.innerHTML = "Hello World!<br/>This is my string";
</script>
</body>
Producción :
Hello World!
This is my string
Aquí, seleccionamos un elemento HTML y agregamos una cadena con salto de línea como su HTML interno.
Harshit Jindal has done his Bachelors in Computer Science Engineering(2021) from DTU. He has always been a problem solver and now turned that into his profession. Currently working at M365 Cloud Security team(Torus) on Cloud Security Services and Datacenter Buildout Automation.
LinkedIn