AngularJS get dom element from string

Question

I have a string containing html code, I want to get from it elements by css selectors like I do with angular.element without displaying it on the page.

How can I do that ?

EDIT

for instance, I have this variable:

var s = '<div id="hello">Hello</div><div id="world">World</div>';

Is there any way to get the div wih id='world' ? like:

s.function('#world');

Can you please be more specific and put and example of code, that would helps — JoMendez
– JoMendez, Commented Nov 5, 2015 at 16:08

Ruan Mendes · Accepted Answer · 2015-11-05 16:23:09Z

4

var s = "<div id=\"thing\">Hello</div>";
var d = new DOMParser();
var p = d.parseFromString(s, "text/html");
var t = p.getElementById('thing');

Alternatively, you could use:

var div = document.createElement('div');
div.innerHTML = s;
var t = div.querySelector('#thing')

edited Nov 5, 2015 at 16:23

Ruan Mendes

92.7k31 gold badges161 silver badges225 bronze badges

answered Nov 5, 2015 at 16:17

Aaron Gates

4694 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Burawi Over a year ago

can this be done with angular ? I think it would be much simpler

Ruan Mendes Over a year ago

Alternatively, you could use var div = document.createElement('div'); div.innerHTML = s; var t = div.querySelector('#thing')

Ruan Mendes Over a year ago

@Burawi What's complicated about that? You don't want the nodes on the document, but you want to access them with angular?

Aaron Gates Over a year ago

@Burawi, Angular connects to your actual document, so the syntax sugar for dom elements only connects to the main document.

Collectives™ on Stack Overflow

AngularJS get dom element from string

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related