HTML5 Programmer's Reference by Jonathan Reid

Author:Jonathan Reid [Reid, Jonathan]
Language: eng
Format: azw3, pdf
ISBN: 9781430263678
Publisher: Apress
Published: 2015-06-29T16:00:00+00:00

Note NodeList objects look a lot like arrays, in that they have member elements that can be accessed via their numeric index, and a length property that reflects the number of members. However, NodeList objects inherit directly from the Object prototype, rather than the Array prototype, so they do not have any of the array methods you might expect (e.g., Array.forEach).

Using the new Selectors API you can easily get direct references to DOM elements without extensive traversal, and without adding IDs to your markup that are only ever used for JavaScript selectors. This can help you keep both your markup and JavaScript code clean. In addition, you’ll often find yourself using the same selectors both in your JavaScript and in your CSS, because often the elements you need to style are the same elements your scripts need to access.

I’ve been using the Selectors API throughout examples in the book. Here are some other examples that help illustrate how powerful the API can be:

Attribute Selectors: [attribute=value] allows you to target DOM elements based on their assigned attributes. This is particularly useful in selecting elements that have data attributes assigned to them. You can also use pattern matching: [att^=’val’] selects elements whose att attribute begins with the letters “val”

[att$=’lue’] selects elements whose att attribute ends with the letters “lue”

[att*=’val’] selects elements whose att attribute contains the letters “val”

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.