是否有一個JavaScript函數將字符串作爲輸入並解析該字符串，因爲它是HTML並將相應元素返回給我？

Question

是否有一個JavaScript函數將字符串作爲輸入並解析該字符串，如果它是HTML並將相應元素返回給我？

示例：F("<div id='outer'><div id='inner'><span hello></span></div></div>") 將返回一個div HTMLElement，它具有一個子div，而該子div又具有一個子範圍。

Answer 1

又是怎麼回事DOMParser？ 下面是一個例子：

var str = '<div id="outer"><div id="inner"><span> hello</span></div></div>'; 

function parseStringToDOMElement (str) 
{ 
    var xmlDoc = null; 
    if (window.DOMParser) 
    { 
     var parser = new DOMParser(); 
     xmlDoc = parser.parseFromString (str, "text/xml"); 
    } 
    else if (window.ActiveXObject) 
    { 
     xmlDoc = new ActiveXObject ("Microsoft.XMLDOM"); 
     xmlDoc.async = false; 
     xmlDoc.loadXML (str); 
    } 
    return xmlDoc.firstChild; 

} 

var node=parseStringToDOMElement(str); 
console.log(node); 

我希望它會

Answer 2

不，沒有這樣的功能。但你可以使用jQuery $("<div id='outer'><div id='inner'><span hello></span></div></div>")這將做你想做的。

Answer 3

這是一個非常簡單的純JavaScript的解決方案：

http://jsfiddle.net/7HdJc/1/

function returnTheNodes(htmlStr) 
{ 
var myCont = document.createElement('DIV'); // create a div element 
myCont.innerHTML = htmlStr; // create its children with the string 
return myCont.childNodes; // return the children elements created :) 

} 


var newElems = returnTheNodes("<div id='outer'><div id='inner'><span hello></span></div></div>"); 


for(var i = 0; i < newElems.length ; i++) 
{ 
alert(newElems[i].id); // newElems[0] has the first DIV 

}