Question

假设我有一个DOMString是善良的

"<!DOCTYPE html><html><div id="d1"><p>foo</p></div></html>"

我希望将段落内容存储在变量（例如pContent）中，以便

pContent == "foo"

你有什么建议我？我只能使用javascript代码（如果需要，还可以使用完全用.js编写的库。）

Answer 1

好吧，既然你提到了库的使用，你可以将字符串的内容传递给jQuery并提取树。例如：

var myString = '<!DOCTYPE html><html><div id="d1"><p>foo</p></div></html>',
    $myString = $(myString),
    para = $myString.find('p').text();

您的变量para现在包含字符串foo。

Answer 2

使用普通JS：

var str = '<!DOCTYPE html><html><div id="d1"><p>foo</p></div></html>';

var htmlWrapper = document.createElement('html');
htmlWrapper.innerHTML = str;
var pNodes = htmlWrapper.getElementsByTagName('p');

pContent = pNodes[0].innerText || pNodes[0].textContent;

JSFiddle

虽然，JQuery是一个更好的解决方案，但增加了许多你可能不需要的功能。

浏览DOMString的最简单方法是什么？

2 个答案: