Me pregunto cómo puedo convertir mi código HTML que ha sido adornado con mi función document.getElementById ("landornot") y convertirlo en una cadena. Por ejemplo, en este momento, cuando hago console.log, obtengo <li class="listing-property-type" id="landornot"><span class="label">Property Type: </span><a href="https://axisutahdev.wpengine.com/property-types/land/" rel="tag">Land</a></li>
Lo que quiero es que esté en una cadena para que se vea así '<li class="listing-property-type" id="landornot"><span class="label">Property Type: </span><a href="https://axisutahdev.wpengine.com/property-types/land/" rel="tag">Land</a></li>'
No he podido encontrar ningún recurso útil en línea. Cualquier ayuda sería apreciada.
Mi código:
<script> window.onload = (event) => { const land = document.getElementById("landornot"); console.log(land); if (land === '<li class="listing-property-type" id="landornot"><span class="label">Property Type: </span><a href="https://axisutahdev.wpengine.com/property-types/land/" rel="tag">Land</a></li>') { console.log('Right Page') } else { console.log('Wrong Page') } }; </script>¿Has intentado usar la propiedad .outerHTML? Por ejemplo console.log(land.outerHTML);
<script> window.onload = (event) => { const land = document.getElementById("landornot"); land = land.outerHTML; console.log(land); if (land === '<li class="listing-property-type" id="landornot"><span class="label">Property Type: </span><a href="https://axisutahdev.wpengine.com/property-types/land/" rel="tag">Land</a></li>') { console.log('Right Page') } else { console.log('Wrong Page') } }; </script>necesitas elemento.outerHTML
Tal vez puedas usar la función integrada: Tostring()