将html放在javascript字符串中？答案

【问题标题】：place html in javascript strings?将html放在javascript字符串中？
【发布时间】：2012-05-10 00:49:41
【问题描述】：

我需要将 html 放在 javascript 字符串中。具体来说，我想用 javascript 添加一个 HTML 链接到一个 div 标签。

html:

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

javascript：

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

我是否正确格式化了我通过 javascript 添加的 html 链接？

【问题讨论】：

当你执行你的代码时它会起作用吗？
如果它的工作你编码正确
是的，但你可以使用单引号或节点（document.createElement、appendChild）
如果你不知道渲染html模板，你应该检查handlebarsjs.com。它会让你的流程更健壮，以后维护更简单:)
我收到错误消息：与元素类型“a”关联的属性“href”需要打开引号。

标签： javascript html hyperlink dom-manipulation

【解决方案1】：

看起来不错并且可以工作here。您可能需要考虑混合单引号而不是转义双引号，但这只是一种偏好。

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

【讨论】：

【解决方案2】：

它需要更多的 jQuery：

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

【讨论】：

它需要更少的 jQuery

【解决方案3】：

你可以把它放在一行中：

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"));

【讨论】：