1

Tengo el siguiente HTML:

<div id='id'>
   Algo
</div>

Y el siguiente Javascript:

var el = document.getElementById("id");
console.log(el.innerHTML);

Me da "Algo", pero quiero que me de <div id='id'>Algo</div> como lo hago? Intente con simplemente el, pero solo me da un objeto de tipo HTMLDivElement y quiero que me de un string, intente con String(el) o el.toString(), pero me da "[object HTMLDivElement]"

2

2 respuestas 2

4

Puedes utilizar textContent y outerHTML para obtener lo que buscas:

document.getElementById("resultado").textContent = document.getElementById("id").outerHTML;
<div id='id'>
   Algo
</div>
<div id='resultado'>
</div>

4
  • pero eso daria un objeto HTML y yo quiero que me de un string Commented el 13 ago. 2020 a las 20:05
  • @BenjaminAlexisRivasBeltran entiendo, por favor edita tu pregunta y detalla eso. Commented el 13 ago. 2020 a las 20:06
  • @BenjaminAlexisRivasBeltran por favor revisa la edición y me comentas. Commented el 13 ago. 2020 a las 20:28
  • funciono gracias Commented el 13 ago. 2020 a las 21:25
1

La única manera que se me ocurre en que puedes obtener el resultado que estas buscando es agregar un div como elemento padre de tu elemento actual de esta manera puedes acceder al innerHTML del elemento padre de tu selección y te retornaría un strign como el que buscas. Tu elemento deberia quedar de la siguiente manera:

var element = document.getElementById('id');
console.log(element.parentElement.innerHTML);
<div>
  <div id='id'>
    Algo
  </div>
</div>

Espero te sea de ayuda mi respuesta.

2
  • Recuerda que existe outerHTML, de tal forma que no es necesario envolver el elemento en otro. Saludos Commented el 13 ago. 2020 a las 20:32
  • Orale no conocía eso muchas gracias Commented el 13 ago. 2020 a las 20:40

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.