如何从JavaScript中的HTML字符串中操作DOM

How can I manipulate the DOM from a string of HTML in JavaScript?

本文关键字：字符串 操作 DOM HTML 中的 JavaScript      更新时间：2024-04-04

我正在使用JavaScript开发Windows 8 Metro应用程序。我需要操作一个HTML字符串来选择像DOM这样的元素。

我该怎么做？

示例：

var html = data.responseText; // data.response is a string of HTML received from xhr function.
// Now I need to extract an element from the string like document.getElementById("some_element")...

谢谢！

更新：

我解决了！

var parser = new DOMParser();
var xml = parser.parseFromString(data.responseText);

我认为你解决这个问题的方法不是最好的，你可以返回JSON或xml。但如果你需要这样做：

据我所知，如果不在文档中插入新元素，您将无法使用getElementById（在下面的示例中，在document中插入div，例如document.appendChild(div)），但您可以这样做：

var div = document.createElement("div");
div.innerHTML = '<span id="rawr"></span>'; //here you would put data.responseText
var elements = div.getElementsByTagName("span"); // [<span id="rawr"></span>], there you could ask elements[0].id === "rawr" or whatever you like
相关文章：