如何使用JavaScript中的HTML字符串處理DOM？

Question

我正在使用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);

Answer 1

我認為您解決問題的方法不是最好的，您可以返回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