javascript - 来自 Javascript 字符串的innerHTML

Question

我有一个 JavaScript 字符串，其中包含 HTML 内容。

例如

var HTMLtext = 'text <div id="test-div-1">this is <b>just</b> a div</div><div id="test-div-2">this is <b>just</b> another div</div> more filler text';

我希望从此字符串中的第一个 div 元素获取 innerHTML 。当我尝试使用时:

var testDiv1 = HTMLtext.getElementByID("test-div-1");

我收到错误

HTMLtext.getElementByID is not a function at window.onload

是否有任何解决方法，无需将 HTMLtext 放入临时容器中？

JSFiddle

Answer 1

由于问题标签中有 jQuery，这非常简单......

var testDiv1 = $("<div/>", { html: HTMLtext }).find("#test-div-1").html();

这会创建一个非 DOM 元素，设置 html 值，然后解析并获取所需 div 的内部 html。

Here's an updated version of your jsfiddle...