I'm trying to display HTML from a function

[iwishforthedish]

Hi all,


I have a function that returns HTML and I'm setting a text's innerText to the return value of that function.

It only displays raw code.

 

[BigDady]

You should post code both HTML/CSS and JS.

 

[MeMate]

Show a HTML ELEMENT:

<div id="myElement" style="display:none;">Hello</div>
<button onclick="toggleHello();">Show / Hide Element</button>
<script>
function toggleHello(){
      var myElement=document.getElementById('myElement');
if(myElement.style.display==='none'){myElement.style.display='block';}else{myElement.style.display='none';}
}
</script>

Insert text or HTML into Element

<div id="myElementB">Default Text</div>
<input type="text" placeholder="New Text" id="newText"><button onclick="setText();">Set Text</button>
<script>
function setText(){
      var myElement=document.getElementById('myElementB');
      var inputField=document.getElementById('newText');
myElement.innerHTML=inputField.value.trim();
}
</script>

 

[Jacqualine]

I think we can apply this code here:

function extractContent(s) {
var span = document.createElement('span');
span.innerHTML = s;
return span.textContent || span.innerText;
};

alert(extractContent("<p>Hello</p><a href='http://w3c.org'>W3C</a>"));