Cours ⇒ Javascript et AJAX facebook twitter youtube

DOM et DHTML | DOM et DHTML


DOM

DOM (Document Object Model, modèle objet de document) est assez explicite :

il propose un modèle d’objet (et, avec lui, une API, une interface de programmation D’applications) pour un document

DHTML

Est donc rêne de ses cendres, puisque les effets du JavaScript dynamique sont désormais possibles avec une petite quantité de code spécifique au navigateur et de recherche du client.



La meilleure manière d'accéder par la suite à un élément sur la page consiste à lui donner un identifiant unique, ou ID. La méthode DOM document.getElementById() accède ensuite à l'élément donné et vous permet de poursuivre : modifier les éléments, ajout Voir Plus
Une autre manière d'accéder aux éléments de la page en cours consiste à passer par leurs noms de balise. Voir Plus
nodeName donne des informations sur le nom du nœud (nom de balise ou #text pour les nœuds de texte), mais nodeValue ne sert que pour les nœuds de texte et renvoie le texte réel du nœud. La troisième catégorie d'informations provient de la propriété nodeTy Voir Plus
La méthode removeChild() que possède chaque nœud peut servir à éliminer un nœud de l'arborescence DOM vous devez appeler cette méthode à partir de l'élément parent du nœud à effacer et fournir le nœud en paramètre. L'exemple suivant présente une liste et Voir Plus
Les nouveaux nœuds DOM sont créés à l'aide de la méthode document.createElement(). Elle génère un nouvel élément, en utilisant le nom de balise fourni en paramètre. Cet élément peut ensuite être inséré dans l'arborescence DOM. Voir Plus
Pour placer du texte dans un élément, il faut un nœud de texte qui soit un sous-élément du nœud réel. La méthode createTextNode() crée ce nœud de texte ; il vous suffit de fournir le texte lui-même. Voir Plus
7 Travail avec les attributs Voir Plus
Au lieu de créer de nouveaux nœuds chaque fois, vous pouvez également cloner un nœud existant. La méthode cloneNode(), accessible pour chaque nœud, le fait pour vous. Vous pouvez décider de ne cloner que le nœud et son attribut ou de cloner tous les nœuds Voir Plus
Si vous supprimez un nœud et que vous en insériez un autre à la même place, la méthode replaceChild() vous évite d'insérer une partie du codage. Vous indiquez le nouveau et l'ancien nœud et JavaScript fait le reste pour vous. N'oubliez pas que vous devez Voir Plus
Création d'une liste à puces à partir de données JavaScript Voir Plus
Création d'un tableau à partir de données JavaScript Voir Plus
Quand vous modifiez des nœuds de texte (soit en les remplaçant, soit en utilisant la propriété nodeValue), la modification ne porte que sur le texte lui-même, mais pas sur des fragments HTML complets, notamment des sous-éléments. Pour ce faire, la proprié Voir Plus
Les CSS permettent de placer des éléments de deux manières: absolue et relative. Peu importe la méthode que vous choisissez, grâce à JavaScript vous pouvez régler les valeurs De positionnement. Généralement, le positionnement absolu est plus pratique pui Voir Plus
Un scénario DHTML plutôt rare, mais encore utilisé, consiste à positionner un élément, mais également à le déplacer et donc à l'animer. Voir Plus



>
Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces