javascript - 我们如何使用 javascript 将 HTML 字符串转换为对象？

<分区>

我有一个像这样的 Html 字符串:

<div id="foo">
    <h1 class="greeting">Hello World!</h1>
</div>

我需要将此 html 字符串转换为 Javascript 中的对象。即，在 jquery 中使用 .children() 方法时，我应该得到相同的对象结果。我试过这样的事情:

a = '<div id="foo">
    <h1 class="greeting">Hello World!</h1>
</div>';
eval("{"+a+"}");
console.log(a);

但是没有用。我应该在 javascript 中使用什么方法将 HTML 字符串转换为对象表示法。我应该以对象形式获取每个子节点。我不想在此解决方案中使用 Jquery。我期待控制台中显示的确切输出

enter image description here

最佳答案

在图片中，它是一个 jQuery 对象，您可以使用以下代码创建它

var a = '<div id="foo">\
    <h1 class="greeting">Hello World!</h1>\
</div>';
var aDom = jQuery(a);
console.log(aDom );

纯 JavaScript:jsfiddle

var e = document.createElement("div");
e.id = "foo";
e.innerHTML = '<h1 class="greeting">Hello World!</h1>';

console.log(e);

关于javascript - 我们如何使用 javascript 将 HTML 字符串转换为对象？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23084662/

相关文章：

java - 我如何测试接口(interface)？