Question

I’m updating a div with some html inside a chrome extension with innerHtml but nothing changes, however, if checking the innerHtml of the same element via console its the expected one, if checking the innerText returns the initial value, am I doing something wrong??

This is what I do to update:

document.getElementById("ID").innerHtml = "<p>Error.</p>";

This is what is returned in console:

> document.getElementById("ID").innerHtml
> "<p>Error.</p>"
> document.getElementById("ID").innerText
> "Loading...."

Answer 1

The property is actually called innerHTML (note the capitalization of “HTML”). Are you setting the right one?