i would like to ask you how can i get elements by id from variable in JavaScript. For example i have in JavaScript variable which contains html source code and i would like to get elements from this variable.
For example:
var html = "<html><body><div id='test'>Hi</div> ... lot of code ... <div id='test'>Hi</div><div id='test'>Hi</div> ... lot of code ... </body></html>";
var get = html.getElementsById("test");
But it's not working
Thank you so much for any help
i would like to ask you how can i get elements by id from variable in JavaScript. For example i have in JavaScript variable which contains html source code and i would like to get elements from this variable.
For example:
var html = "<html><body><div id='test'>Hi</div> ... lot of code ... <div id='test'>Hi</div><div id='test'>Hi</div> ... lot of code ... </body></html>";
var get = html.getElementsById("test");
But it's not working
Thank you so much for any help
Share Improve this question asked Dec 1, 2014 at 7:22 tomsktomsk 9974 gold badges15 silver badges31 bronze badges 2-
2
An
idshould be unique – KooiInc Commented Dec 1, 2014 at 7:28 -
2
document.getElementByIdnothtml.getElementsById– jasonscript Commented Dec 1, 2014 at 7:32
2 Answers
Reset to default 6You cannot do what you are doing. You have a few problems.
getElementByIdis singular, not plural (getElementsById). This is because in properly formatted html, every id must be unique. Browsers allow it to slip by, but it is one element onlygetElementById()is a method on the DOM not on a string as you are doing above.
There are three ways that I can think of to do this:
You could try creating a regex to do it, but it would be messy. You would need to find every occurrence of `id\s+=\"'+myVar+\"' and then find the element surrounding it. Very messy, but doable.
Better is to load it into a browser and then do document.getElementById()
Even simpler is to use jquery
$(html).find('#test');
You could try DOMParser
var html = "<html><body><div id='test'>Hi</div> ... lot of code ... <div id='test'>Hi</div><div id='test'>Hi</div> ... lot of code ... </body></html>";
var parser = new DOMParser();
var doc = parser.parseFromString(html, 'text/html');
var get = doc.getElementsById("test");