Adding programmatically a span tag with an anchor inside innertext

Question

I have created a span element using:

ele= document.createElement(span);
ele.innerText = "bla bla (<a href='https://www.pepe.com'> ble ble </a>) blu blu";
divele.appendChild(ele); #divele is an div in the page

The problem is the tag is not showed as a link, it is showed literally.

Answer 1

Should be innerHTML instead of innerText (since the sting contains HTML in it). The span should be enclosed with single quotes ( '' ) or double quotes ( "" ).

 var ele= document.createElement('span'); ele.innerHTML = "bla bla (<a href='https://www.pepe.com'> ble ble </a>) blu blu"; var divele = document.getElementById('divele'); divele.appendChild(ele); 

 <div id="divele"><div>