如何使用javascript将HTML字符串转换为Object？[副本]

Question

我有一个这样的Html字符串：

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

我需要将此 html 字符串转换为脚本中的对象。也就是说，当在jquery中使用.kids（）方法时，我应该得到相同的对象结果。我尝试了这样的事情：

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

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

Answer 1

你想要这样吗

<script>
var htmlStrObj = {};
htmlStrObj.container = '<div id="foo"><h1 class="greeting">Hello World!</h1></div>';
console.log(htmlStrObj);
</script>

Answer 2

编辑

var a = '<div id="test"></div>';

var htmlObject = document.createElement('div');

htmlObject.innerHTML = a;

htmlObject.getElementById("test") = data;

Answer 3

在image中，它是一个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);