Entonces, quiero personalizar el src a través de js con datos ocultos, pero no puedo encontrar el flujo correcto para escribirlo. Buscando capturar datos html5 para cambiar el src. Cada vez que he intentado escribirlo, no puedo obtener mis datos, con Var.
referencia a la pregunta 19320436 para var de datos al buscar respuestas
intentó
<html> <body> <p id="test" class="customClass" data-newsrc="https://stackoverflow.com"></p> <script> var value = $('.customClass').data('newsrc'); document.getElementById("test").innerHTML= '<iframe id="myframe" src=""\>\</iframe>'; document.getElementById("myframe").src= value; </script> </body> </html>funciona pero no obtiene un nuevo valor de la página
<html> <body> <p id="test" class="customClass" data-newsrc="https://stackoverflow.com"></p> <script> var value = "https://stackoverflow.com/qestions" document.getElementById("test").innerHTML= '<iframe id="myframe" src=""></iframe>'; document.getElementById("myframe").src= value; </script> </body>Primero seleccione el elemento #test , lo necesitará más de una vez. Sin utilizar jQuery, puede seleccionar la propiedad data-newsrc accediendo a ella desde la propiedad del conjunto de dataset .
En lugar de escribir su HTML en una cadena, cree un nuevo objeto de elemento con document.createElement , esto le ahorra el paso de tener que volver a seleccionar el iframe porque ya tiene una referencia.
Después de configurar el src ,append el iframe al elemento de test .
const test = document.getElementById('test'); const src = test.dataset.newsrc; const iframe = document.createElement('iframe'); iframe.src = src; test.append(iframe); <p id="test" class="customClass" data-newsrc="https://stackoverflow.com"></p>