How to execute document.querySelectorAll on a text string without inserting it into DOM

Question

var html = '<p>sup</p>' 

I want to run document.querySelectorAll('p') on that text without inserting it into the dom.

In jQuery you can do $(html).find('p')

If it's not possible, what's the cleanest way to to do a temporary insert making sure it doesn't interfere with anything. then only query that element. then remove it.

(I'm doing ajax requests and trying to parse the returned html)

Answer 1

With IE 10 and above, you can use the DOM Parser object to parse DOM directly from HTML.

var parser = new DOMParser(); var doc = parser.parseFromString(html, "text/html"); var paragraphs = doc.querySelectorAll('p'); 

Answer 2

You can create temporary element, append html to it and run querySelectorAll

var element = document.createElement('div'); element.insertAdjacentHTML('beforeend', '<p>sup</p>'); element.querySelectorAll('p')