Spécificités HTML

Attributs et méthodes spécifiques aux éléments HTML

  • input, select : value, name, ...

  • a : href

  • ...

http://fr.selfhtml.org/javascript/objets/elementshtml.htm

querySelectorAll : Manipulation HTML via les classes CSS

querySelectorAll est une méthode de l'objet document permettant de renvoyer une liste de nœuds correspondant à l'union des sélecteurs CSS passés en paramètre.

NodeList document.querySelectorAll(<list_of_selectors>)

https://developer.mozilla.org/En/DOM/Document.querySelectorAll

ExemplequerySelectorAll

1
...
2
<body>
3
<div class="class1">...</div>
4
<div class="class2">...</div>
5
<div class="class1 class2">...</div>
6
<div class="class2 class3">...</div>
7
...

document.querySelectorAll("div.class1, div.class2") renvoie tous les div de l'extrait HTML ci-avant.

ConseilFirebug

Installer l'extension Firebug sous Firefox pour pouvoir visualiser dynamiquement le DOM.

https://addons.mozilla.org/fr/firefox/addon/firebug/