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

我有一个Html字符串，如下所示：

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

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

但它不起作用。我应该在javascript中使用什么方法将HTML字符串转换为对象表示法。我应该以对象形式获取每个子节点。我不想在这个解决方案中使用Jquery。我希望得到控制台中显示的确切输出

已编辑

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

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

htmlObject.innerHTML = a;

htmlObject.getElementById("test") = data;

var a=''；
var htmlObject=document.createElement（'div'）；
htmlObject.innerHTML=a；
htmlObject.getElementById（“测试”）=数据；

已编辑

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

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

htmlObject.innerHTML = a;

htmlObject.getElementById("test") = data;

var a=''；
var htmlObject=document.createElement（'div'）；
htmlObject.innerHTML=a；
htmlObject.getElementById（“测试”）=数据；

已编辑

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

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

htmlObject.innerHTML = a;

htmlObject.getElementById("test") = data;

var a=''；
var htmlObject=document.createElement（'div'）；
htmlObject.innerHTML=a；
htmlObject.getElementById（“测试”）=数据；

已编辑

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

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

htmlObject.innerHTML = a;

htmlObject.getElementById("test") = data;

var a=''；
var htmlObject=document.createElement（'div'）；
htmlObject.innerHTML=a；
htmlObject.getElementById（“测试”）=数据；

你想要这样吗

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

var htmlStrObj={}；
htmlStrObj.container='Hello World！'；
console.log（htmlStrObj）；

你想要这样吗

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

var htmlStrObj={}；
htmlStrObj.container='Hello World！'；
console.log（htmlStrObj）；

你想要这样吗

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

var htmlStrObj={}；
htmlStrObj.container='Hello World！'；
console.log（htmlStrObj）；

你想要这样吗

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

var htmlStrObj={}；
htmlStrObj.container='Hello World！'；
console.log（htmlStrObj）；

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

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

var class='1〕\
你好，世界\
';
var aDom=jQuery（a）；
控制台日志（aDom）；

纯JavaScript：

var e=document.createElement（“div”）；
e、 id=“foo”；
e、 innerHTML='Hello World！'；
控制台日志（e）；

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

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

var class='1〕\
你好，世界\
';
var aDom=jQuery（a）；
控制台日志（aDom）；

纯JavaScript：

var e=document.createElement（“div”）；
e、 id=“foo”；
e、 innerHTML='Hello World！'；
控制台日志（e）；

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

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

var class='1〕\
你好，世界\
';
var aDom=jQuery（a）；
控制台日志（aDom）；

纯JavaScript：

var e=document.createElement（“div”）；
e、 id=“foo”；
e、 innerHTML='Hello World！'；
控制台日志（e）；

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

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

var class='1〕\
你好，世界\
';
var aDom=jQuery（a）；
控制台日志（aDom）；

纯JavaScript：

var e=document.createElement（“div”）；
e、 id=“foo”；
e、 innerHTML='Hello World！'；
控制台日志（e）；

@A4L您的链接没有我期望的答案。该页面有不相关的答案，链接就是答案。您需要将一个HTML字符串转换为DOM结构。您没有JSON。您想要实现什么？我需要HTML字符串来进一步创建对象process@A4L我希望输出如中所示question@A4L你的链接没有我期望的答案。该页面有不相关的答案，链接就是答案。您需要将一个HTML字符串转换为DOM结构。您没有JSON。您想要实现什么？我需要HTML字符串来进一步创建对象process@A4L我希望输出如中所示question@A4L你的链接没有我期望的答案。该页面有不相关的答案，链接就是答案。您需要将一个HTML字符串转换为DOM结构。您没有JSON。您想要实现什么？我需要HTML字符串来进一步创建对象process@A4L我希望输出如中所示question@A4L你的链接没有我期望的答案。该页面有不相关的答案，链接就是答案。您需要将一个HTML字符串转换为DOM结构。您没有JSON。您想要实现什么？我需要HTML字符串来进一步创建对象process@A4L我期待如图所示的输出谢谢，我需要使用Javascript实现相同的结果。我不想使用任何jquerylibrary@Ganesh但在图像中，我知道这是一个jQuery对象。我需要使用Javascript获得相同的对象。我应该使用什么方法来代替.children（）来实现这个结果。+1非常简单。在这里，我想OP需要一个精心设计的包装器来实现所有类似jQuery的功能，而不需要使用jQuery。做得好。谢谢，我需要使用Javascript实现相同的结果。我不想使用任何jquerylibrary@Ganesh但在图像中，我知道这是一个jQuery对象。我需要使用Javascript获得相同的对象。我应该使用什么方法来代替.children（）来实现这个结果。+1非常简单。在这里，我想OP需要一个精心设计的包装器来实现所有类似jQuery的功能，而不需要使用jQuery。做得好。谢谢，我需要使用Javascript实现相同的结果。我不想使用任何jquerylibrary@Ganesh但在图像中，我知道这是一个jQuery对象。我需要使用Javascript获得相同的对象。我应该使用什么方法来代替.children（）来实现这个结果。+1非常简单。在这里，我想OP需要一个精心设计的包装器来实现所有类似jQuery的功能，而不需要使用jQuery。做得好。谢谢，我需要使用Javascript实现相同的结果。我不想使用任何jquerylibrary@Ganesh但在图像中，我知道这是一个jQuery对象。我需要使用Javascript获得相同的对象。我应该使用什么方法来代替.children（）来实现这个结果。+1非常简单。在这里，我想OP需要一个精心设计的包装器来实现所有类似jQuery的功能，而不需要使用jQuery。做得好。