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.

Use `ele.innerHTML` and remove the parenthesis around the anchor — Matt L., Jul 16 '18 at 14:53
Possible duplicate of [innerText property is not encoding the html](https://stackoverflow.com/questions/30426903/innertext-property-is-not-encoding-the-html) — Enzo B., Jul 16 '18 at 14:54

Mamun · Accepted Answer · 2018-07-16T15:07:34.010

3

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>

edited Jul 16 '18 at 15:07

answered Jul 16 '18 at 14:54

Mamun

66,969
9
47
59

Yes, I fixed de " in the post and you are right my problem was I used innerText instead of innerHTML. Thanks. – Aldo M. Algorry Jul 16 '18 at 15:07

Adding programmatically a span tag with an anchor inside innertext

1 Answers1