Actualmente estoy usando w3schools para javascript. He hecho algunos trabajos de js en freecodecamp, pero encontré algo en w3schools con el que no estoy familiarizado y sería bueno si alguien pudiera explicarme por qué funciona.
La variable de texto declara "ul", también se usa dentro del bloque de código de bucle for (si así es como lo llama), y también se usa nuevamente después del bucle for.
Claramente funciona, pero no puedo entenderlo a pesar de que parece tan simple.
Lo sé porque es una etiqueta de secuencia de comandos y no puede usar directamente las etiquetas html, pero ¿cómo sabe la computadora que debe usar una lista desordenada, seguida de un elemento de lista cuando está entre comillas? Si eso tiene sentido.
<script> const fruits = ["Banana", "Orange", "Apple", "Mango"]; let fLen = fruits.length; let text = "<ul>"; for (let i = 0; i < fLen; i++) { text += "<li>" + fruits[i] + "</li>"; } text += "</ul>"; document.getElementById("demo").innerHTML = text; </script>Establecer el valor de innerHTML elimina todos los descendientes del elemento y los reemplaza con nodos construidos mediante el análisis del código HTML proporcionado en la cadena.
// the browser parses the HTML in the string and renders it as HTML elements. element.innerHTML = '<h1>Hello World</h1>';La lectura de innerHTML hace que el agente de usuario serialice el fragmento HTML o XML compuesto por los descendientes del elemento. Se devuelve la cadena resultante.
Al obtener el valor, los navegadores serializan (convierten en cadena) el html del elemento.
element.innerHTML Si no desea que el navegador analice el HTML presente en la cadena, puede usar textContent .
// the browser will not parse the HTML in this string. element.textContent = '<h1>Hello World</h1>';