Adding HTML code into div using javascript

Question

I have a div:

<div id="bottom">
</div>

And now I would like to create table there, where will be placed things from Js array. I tried this:

document.getElementById('bottom').innerHTML("Text");

But it doesn't work :/

Uncaught TypeError: Property 'innerHTML' of object # is not a function

Sirko · Accepted Answer · 2013-03-17 14:37:03Z

3

innerHTML is a property and no method. Use it like this:

document.getElementById('bottom').innerHTML = "Text";

answered Mar 17, 2013 at 14:37

Sirko

74.3k19 gold badges157 silver badges194 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Suits999 · Accepted Answer · 2013-03-17 14:38:27Z

1

I believe you don't need any methods as innerHTML is a property and u can use it as below

document.getElementById('bottom').innerHTML = "Text";

happy coding :)

answered Mar 17, 2013 at 14:38

Suits999

3691 gold badge7 silver badges25 bronze badges

XiM · Accepted Answer · 2013-03-17 14:39:16Z

1

You have this error becouse of innerHTML should be assigned to htmlString. Something like this:

document.getElementById('bottom').innerHTML = '<table><tr><td>Text</td></tr></table>';

answered Mar 17, 2013 at 14:39

XiM

3963 silver badges15 bronze badges

Actually it doesn't matter what you pass in as long as you use it like a property and not like a function call.

Yes, it's like ordinary property of object