Attributs d’évènements
onload |
Après le chargement de la page |
onclick |
Après avoir cliqué sur l’élément (un bouton, champ input,...) |
ondblclick |
Après un double clic sur l’élément |
oninput |
Après avoir saisi une valeur dans l’élément |
onchange |
Après avoir changé la valeur de l’élément |
onselect |
Après avoir sélectionné une partie du texte de l’élément |
oncopy |
Après avoir copié une partie du texte de l’élément |
oncut |
Après avoir coupé une partie du texte de l’élément |
onpaste |
Après avoir collé un texte dans l’élément |
onreset |
Après avoir cliqué sur le bouton reset d’un formulaire |
onsubmit |
Après avoir cliqué sur le bouton submit d’un formulaire |
onkeyup |
Après avoir relâché le bouton du clavier |
onkeydown |
Après avoir cliqué sur n’importe quel bouton du clavier |
Assignments
x = y |
Sets x to the value of y |
x += y |
Same as x = x + y |
x -= y |
Same as x = x - y |
x *= y |
Same as x = x * y |
x /= y |
Same as x = x / y |
x %= y |
Same as x = x % y |
|
|
Fonctions
typeof |
Retourne le type d’un opérande |
parseInt() |
Conversions entre String et Number |
parseFloat() |
Conversions entre String et Float |
isNaN(A) |
Tester si A n'est pas un nombre |
prompt() |
Boite de saisie de valeur |
confirm() |
Boite de confirmation |
getElementsByTagName() |
Regarde sur DOM |
getElementById() |
Regarde sur DOM |
getElementsByClassName() |
Regarde sur DOM |
Operators
x + y (numeric) |
Adds x and y together |
x + y (string) |
Concatinates x and y together |
x - y |
Subtracts y from x |
x * y |
Multiplies x and y together |
x / y |
Divides x by y |
x % y |
Modulus: The remainder when x is divided by y |
x++, ++x |
Adds one to x |
x--, --x* |
Subtracts one from x |
-x |
Reverses the sign on x |
|
|
Le DOM HTML
Qu’est-ce que c’est ?
Document Object Model: Représentation du document HTML à base d’objets.
C’est une API de programmation (c.-à-d. un ensemble de classes, de méthodes, ou d’objets prédéfinies à utiliser).
Permet de manipuler le contenu d’un document HTML :
- Accéder aux éléments HTML (à leurs propriétés, leurs contenus,...).
- Modifier les différentes parties d’un document HTML (supprimer des éléments existants, ajouter de nouveaux éléments,...).
L’objet prédéfini document représente tout le document HTML.
Autres objets prédéfinis: window, event. |
Opérations sur les tableaux et Les chaînes
* Opérations sur les tableaux * |
.push() |
Ajouter des éléments à la fin |
.unshift() |
Ajouter des éléments au début |
..shift() |
Supprimer le premier élément |
.pop() |
Supprimer le dernier élément |
.reverse() |
Inverser le tableau |
.slice(0, 2) |
Sélectionner une partie |
.sort() |
Trier un tableau |
* Les chaînes de caractères * |
.length |
Taille |
.charAt(0) |
Caractère à un indice donné |
.slice(3, 9) |
Sélectionner une partie |
.split(" ") |
Découper une chaîne |
.toLowerCase() |
Écriture en minuscule |
.toUpperCase() |
Écriture en majuscule |
|
|
DOM propriétés
.value |
La valeur de l’attribut value (éléments input, progress, option) |
.textContent |
La valeur textuelle des éléments label, p, textarea, td,... |
.style.color |
La couleur du texte |
.style.width |
La largeur de l’élément |
.style.height |
La hauteur de l’élément |
.style.borderColor |
La couleur de la bordure |
.style.borderStyle |
Le style de la bordure |
.style.bachgroundColor |
La couleur du fond |
.style.fontFamily |
La police du texte |
.style.textAlign |
L’alignement du texte |
.innerHTML |
Retourne le code HTML du contenu de l’élément |
Comparisons
x == y |
Returns true if x and y are equal |
x === y |
Returns true if x and y are identical |
x != y |
Returns true if x and y are not equal |
x !== y |
Returns true if x and y are not identical |
x > y |
Returns true if x is greater than y |
x >= y |
Returns true if x is greater than or equal to y |
x < y |
Returns true if x is less than y |
x <= y |
Returns true if x is less than or equal to y |
x && y |
Returns true if both x and y are true |
x || y |
Returns true if either x or y are true |
!x |
Returns true if x is false |
|
Created By
Metadata
Comments
No comments yet. Add yours below!
Add a Comment