Tengo el siguiente código:
<span id="text">Change</span> <P> <select class="selector"> <option value=X1a selected>X1a</option> <option value=X2a>X2a</option> <option value=X3a>X3a</option> <option value=X4a>X4a</option> </select> <P> <span id="WW"></span> <script> let X1a = '"Hello"' let X2a = '"Watcha"' let X3a = '"Hiya"' let X4a = '"YouHoo"' let ZZ = text document.getElementById("WW").innerHTML = ZZ; </script> Como puede ver, estoy seleccionando un valor con id=texto. Ahora quiero que el valor en "texto" sea una variable en la línea document.getElementById para imprimir el saludo apropiado. Pero genera [object HTMLSpanElement] . ¿Cómo convierto el valor que selecciono en una variable a los efectos de la línea document.getElementById ?
Creo que estás buscando las propiedades .textContent o .innerHTML . Aquí están las diferencias: https://www.geeksforgeeks.org/difference- between -textcontent-and-innerhtml/ . Ambos le permiten obtener el valor dentro de una etiqueta HTML. Aquí hay un ejemplo con su código:
let ZZ = document.getElementById("text") document.getElementById("WW").innerHTML = ZZ.textContent;Respuesta: ZZ.textContent - MDN Node.textContent
Sin embargo, personalmente almacenaría una referencia al elemento usando getElementById solo para dejar en claro lo que estoy haciendo, así:
let textElement = document.getElementById('text'); document.getElementById("WW").innerHTML = textElement.textContentNo entiendo muy bien tu problema. Tu puedes hacer :
let ZZ = document.getElementById("text").textContent