Add html string to DOM as element

Question

Is there anyway to create a string and add to the DOM? And having Javascript to understand the elements in the string?

I tried the below and 4th line gives error:
var bmdiv = document.createElement('div');
bmdiv.setAttribute('id', 'myDiv');
var str = "<b>aa</b>";
bmdiv.innerHTML(str);

I need to add several tags in str to the DIV myDiv

I need NOT to use jQuery since the script will not load jQuery Thanks.

Christian C. Salvadó · Accepted Answer · 2010-02-09 05:42:32Z

17

The innerHTML property is not a function, you should assign it like this:

var bmdiv = document.createElement('div');
bmdiv.setAttribute('id', 'myDiv');
var str = "<b>aa</b>";
bmdiv.innerHTML = str;

answered Feb 9, 2010 at 5:42

Christian C. Salvadó

831k185 gold badges929 silver badges845 bronze badges

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

1 Comment

Nickolay Over a year ago

See what jQuery does to developers, they now expect every API to be a function :)

Waleed Al-Balooshi · Accepted Answer · 2010-02-09 05:44:15Z

0

Try

bmdiv.innerHTML = str;

Another way to do this is to manually create the DOM structure for each of the tags, then append them into the div.

answered Feb 9, 2010 at 5:44

Waleed Al-Balooshi

6,40625 silver badges22 bronze badges

1 Comment

Adonis K. Kakoulidis Over a year ago

That doesn't append, bmdiv.innerHTML += str; is

Collectives™ on Stack Overflow

Add html string to DOM as element

2 Answers 2

1 Comment

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related