Question

130

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

rated 0 times [ 134] [ 4] / answers: 1 / hits: 17252 / 9 Years ago, mon, may 4, 2015, 12:00:00

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)

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

aliah

Add To Favorites

Follow

Total Points: 118

Total Questions: 132

Total Answers: 94

Location: Tajikistan

Member since Fri, Sep 11, 2020

4 Years ago

aliah questions

1 nextjs: TypeError: Cannot read properties of null (reading 'push')

Mon, Feb 7, 22, 00:00, 2 Years ago

1 Async function in react doesn't react to state change

Wed, Jun 23, 21, 00:00, 3 Years ago

1 Converting snake case string to title case

Thu, Oct 22, 20, 00:00, 4 Years ago

1 React / Javascript - Remove white spaces from both ends of a string and extra spaces between words, from a input field (search bar)

Wed, Mar 18, 20, 00:00, 4 Years ago

1 Is there a way to programmatically suppress all ESLint errors on a line by line basis?

Wed, Mar 11, 20, 00:00, 4 Years ago

View All

answered 9 Years ago asalewisc · Accepted Answer

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');