place html in javascript strings?

Question

I need to place html in a javascript string. Specifically, I would like to add an HTML link to a div tag with javascript.

html:

<div id="mydivtag"></div>

javascript:

document.getElementById('mydivtag').innerHTML = "<li><a href=\"someLink\">Some Link</a></li> ";

Am I formatting the html link I am adding through javascript correctly?

Yes you do, but you can use single quotes or nodes (document.createElement, appendChild) — user1150525
– user1150525, Commented Apr 30, 2012 at 9:57
in case you don't know about rendering html template, you should check handlebarsjs.com. it'd make your process more robust and simpler to maintain later :) — Tzu ng
– Tzu ng, Commented Apr 30, 2012 at 10:01
I get the error message: Open quote is expected for attribute "href" associated with an element type "a". — user840930
– user840930, Commented Apr 30, 2012 at 10:17

zessx · Accepted Answer · 2021-01-26 14:10:39Z

10

Looks fine and works here. You may want to consider mixing single quotes instead of escaping the double quotes, but that's just a preference.

document.getElementById('mydivtag').innerHTML = "<li><a href='someLink'>Some Link</a></li>";

edited Jan 26, 2021 at 14:10

zessx

68.9k29 gold badges139 silver badges166 bronze badges

answered Apr 30, 2012 at 9:59

Andy Gaskell

31.8k6 gold badges79 silver badges84 bronze badges

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

Comments

Amberlamps · Accepted Answer · 2012-04-30 10:14:48Z

1

You can have it in one line:

document.getElementById("mydivtag").appendChild(function(li, l, t) { li.appendChild(function(a, l, t) { a.href = l; a.innerHTML = t; return a; } (document.createElement("a"), l, t)); return li; } (document.createElement("li"), "mylink", "mytext"));

answered Apr 30, 2012 at 10:14

Amberlamps

40.7k6 gold badges46 silver badges54 bronze badges

Comments

zessx · Accepted Answer · 2021-01-26 14:10:22Z

0

It needs more jQuery:

$('#mydivtag').html('<li><a href="someLink">Some Link</a></li>');

edited Jan 26, 2021 at 14:10

zessx

68.9k29 gold badges139 silver badges166 bronze badges

answered Apr 30, 2012 at 13:27

Petah

46.2k30 gold badges161 silver badges216 bronze badges

1 Comment

Mustafa Over a year ago

it needs less jQuery

Collectives™ on Stack Overflow

place html in javascript strings?

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related