I am wondering how I can convert my HTML code that has been garbed with my document.getElementById("landornot") function and convert it into a string. For example right now when I console.log it I get <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>
What I want is it to be in a string so it should look like this '<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>'
I haven't been able to find any helpful resource online any help would be appreciated.
My Code:
<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>
Have you tried using the .outerHTML property? E.g. 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>
you need element.outerHTML
Maybe you can use the built in function: Tostring()