将htmlString转换为Javascript中的Dom对象

Convert htmlString to Dom object in Javascript

本文关键字:中的 Dom 对象 Javascript htmlString 转换      更新时间:2023-09-26

我做了一个http请求并收到了一个htmlString,现在我想把它转换成Dom对象来查询它的元素。谢谢你的帮助

您可以创建一个容器对象(我在这里使用了一个div),然后将您的html字符串分配给.innerHTML,然后您可以查询创建的子对象。

var container = document.createElement("div");
container.innerHTML = htmlString;

container对象的子节点是从HTML中创建的。

使用jQuery,你可以这样做:

  var yourStringFromServer = '<div><div id="helloWrap"></div></div>';
  var a = $(yourStringFromServer); // create new jQuery instance with string
  a.find('#helloWrap').html('hello'); // find  the helloWrap node and set html
  a.appendTo('body'); // append html to body