如果您需要以编程方式从字符串中获取DOM元素,则将html解析为DOM对象非常简单。
基本上,您将使用DOMParser。
var parser = new DOMParser();var doc = parser.parseFromString('<div>some html</div>', 'text/html');doc.firstChild; //this is what you're after.从那里开始,如果您想使用香草JS查询以从中获取元素(这意味着您出于某种原因不想使用JQuery),则可以执行以下操作:
//get all anchor tags with class "test" under a div.var testAnchors = doc.firstChild.querySelectorAll('div a.test');…但是请注意:
querySelectorAll仅IE8和更高版本支持。
编辑:其他方法…
“包装”方法:
var div = document.createElement('div');div.innerHTML = '<div>some html</div>';var result = div.childNodes;…请注意,如果将SVG或MathML放入其中,则此方法将返回HTMLUnknownElements。他们会“看起来”正常,但不会起作用。



