Full-stack JavaScript (12) Understanding of Selector APIs

Full-stack JavaScript (12) Understanding of Selector APIs

Before 2008, almost all DOM extensions in browsers were proprietary. Since then, W3C has begun to standardize and write some proprietary extensions that have become fact standards.

The core of Selector API level 1 is two methods: querySelector () and querySelectorAll (). It can be called by a Docuemnt node or an Element node in a compatible browser.

Currently, browsers that fully support Selectors API Level 1 include IE 8 +, Firefox 3.5 +, Safari 3.1 +, Chrome and Opera 10 +.

The Selector API level 2 standard adds the matchesSelector () method to the Element type. This method accepts a CSS Selector parameter. If the called Element matches the Selector, true is returned.

For more information, see:

• Http://www.w3.org/TR/selectors-api/
• Http://www.w3.org/TR/selectors-api2/