Tengo problemas para agregar elementos a mi HTML. Creo que mi problema radica en mi comprensión de HTML, pero no estoy muy seguro. Aquí está mi Javascript:
<div class="console"> <div id="console_data"> <p class="console_text"> </p> </div> </div>Déjame explicarte lo que está haciendo esto, o al menos lo que estoy tratando de hacer. La clase de la consola crea solo un rectángulo negro, y tendrá algo de texto blanco, que es para lo que es console_text. Aquí está mi javascript para agregar cosas a console_data:
var consoleData = ["Hello World"] var consoleInfo = document.getElementById('console_data') for (var i = 0; i < consoleData; i++) { var anchor = document.createElement('a') var value = consoleData[i] anchor.href = value consoleInfo.appendChild(anchor) }Tenía la impresión de que esto agregaría el texto Hello World dentro del cuadro negro que creé, pero solo muestra el cuadro negro vacío. ¿Es necesaria mi etiqueta console_data? ¿Dónde debo intentar adjuntar mis datos?
Debería verificar si i es más pequeño que la longitud de consoleData , ya que está iterando a través de él:
var consoleData = ["Hello World"] var consoleInfo = document.getElementById('console_data') for (var i = 0; i < consoleData.length; i++) { var anchor = document.createElement('a') var value = consoleData[i] anchor.href = value anchor.innerHTML = value consoleInfo.appendChild(anchor) } <div class="console"> <div id="console_data"> <p class="console_text"> </p> </div> </div>