Load HTML content as text into div?

Question

I'm using this code to grab html stored in a string into a div with contenteditable="true" (the string works, and if I manually place the code there it also works, but I need a way to "inject" html or whatever as text in it)

document.getElementById('content').innerHTML=txt

Problem is: It's not placing the html as text inside of it, but executing like it was part of the page. Is there a way around it? I need the HTML(javascript or whatever be written in the string) to be like text...

Are you looking for this... document.getElementById("content").value =txt; — MyTwoCents, Jun 12 '18 at 11:29
Possible duplicate of [Load HTML File Contents to Div \[without the use of iframes\]](https://stackoverflow.com/questions/3535055/load-html-file-contents-to-div-without-the-use-of-iframes) — Nikola Lukic, Jun 12 '18 at 11:30

score 1 · Answer 1 · answered Jun 12 '18 at 11:30

1

You should use textContent property:

document.getElementById('content').textContent = txt

for more information give a look on MDN

answered Jun 12 '18 at 11:30

TheGr8_Nik

3,080
4
18
33

score 1 · Accepted Answer · answered Jun 12 '18 at 11:30

1

Use textContent instead to inject strings like this:

document.getElementById('content').textContent=txt

answered Jun 12 '18 at 11:30

AndrewL64

15,794
8
47
79

Load HTML content as text into div?

2 Answers2