querySelector, wildcard element match?

javascript dom domparser selectors-api
Erik Andersson picture Erik Andersson · Jan 3, 2012 · Viewed 118.2k times · Source

Is there a way to do a wildcard element name match using querySelector or querySelectorAll? I see support for wildcards in attribute queries but not for the elements themselves.

The XML document I'm trying to parse is basically a flat list of properties and I need to find elements that have certain strings in their names.

I realize the XML document is probably in need of a restructuring if I need this but that's just not going to happen.

Any solution except going back to using the apparently deprecated XPath (IE9 dropped it) is acceptable.

Answer

JaredMcAteer picture JaredMcAteer · Jan 3, 2012

[id^='someId'] will match all ids starting with someId.

[id$='someId'] will match all ids ending with someId.

[id*='someId'] will match all ids containing someId.

If you're looking for the name attribute just substitute id with name.

If you're talking about the tag name of the element I don't believe there is a way using querySelector

Related questions

JavaScript DOMParser access innerHTML and other properties

I am using the following code to parse a string into DOM: var doc = new DOMParser().parseFromString(string, 'text/xml'); Where string is something like <!DOCTYPE html><html><head></head><body&…

Read More
How do I check if an element is hidden in jQuery?

Is it possible to toggle the visibility of an element, using the functions .hide(), .show() or .toggle()? How would you test if an element is visible or hidden?

Read More
How can I change an element's class with JavaScript?

How can I change the class of an HTML element in response to an onclick or any other events using JavaScript?

Read More