Javascript to add HTML error

Question

I added this Javascript code to add some html to my footer (Want to have "Follow us on" on the left side of the Facebook icon) -

document.getElementById("footer").innerHTML = "Follow Us";

For some reason it completely removed the footer. Not sure what I'm doing wrong. Code seems ok.

Any idea what is going wrong? (Want to use Javascript to add this HTML)

this will remove everything and set it. try appending code. appendChild() that is function. — r89human, Jun 26 '18 at 09:07
Thanks for notifying me. Still same problem after adding the colon — java11, Jun 26 '18 at 09:07
document.getElementById("footer").appendChild( Put your text or div or any container here ) — r89human, Jun 26 '18 at 09:11
@snack_overflow JavaScript inserts missing semicolons automatically ([ASI](https://stackoverflow.com/questions/2846283/what-are-the-rules-for-javascripts-automatic-semicolon-insertion-asi)). — TiiJ7, Jun 26 '18 at 09:13

score 0 · Accepted Answer · answered Jun 26 '18 at 09:13

0

The problem is you're swaping the html inside the footer content to the string Follow Us. You have two options:

Option 1 in Javascript:

document.getElementById("footer").innerHTML += "Follow Us";

$('#footer').append('Follow Us');

Check if you're using the correct object ID too.

answered Jun 26 '18 at 09:13

Álvaro Romero

@java11 because it's a simple question that you can get an answer by just doing a simple research on google. – Islam Elshobokshy Jun 26 '18 at 09:26
It may be a simple question but the problem is not simple. – java11 Jun 26 '18 at 09:28