communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français

Modèle objet de document (DOM)

Définition officielle du DOM

  • DOM, Document Object Model, Document Object Model. Nous pouvons considérer toutes les « choses » dans une page Web comme des « objets ».

  • DOM est un standard de page Web ou une règle définie par le W3C, et ce standard est implémenté sous la forme d'un "objet" dans le navigateur.

  • Définition officielle du DOM : DOM permet les scripts, l'accès ou la manipulation dynamique, le contenu des pages Web, l'apparence des pages Web et la structure des pages Web.

Classification des DOM

  • Core DOM : fournit des propriétés et des méthodes communes pour exploiter à la fois les documents HTML et les documents XML.

  • HTML DOM : méthode d'attribut spéciale fournie pour les documents HTML.

  • XML DOM : Propriétés et méthodes spéciales fournies pour les documents XML.

  • CSS DOM : fournit des propriétés et des méthodes pour faire fonctionner CSS.

  • DOM d'événement : modèle d'objet d'événement. Tels que : onclick, onload, etc.

Arbre de nœuds HTML

<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>php.cn</title>
    </head>
    <body >
    <!-- 在HTML中，称为“标签”
    在DOM中，称为“节点”
    在JS中，称为“对象”     -->
    <table>
        <tr>
            <td>北京市</td>
            <td>上海市</td>
            <td>深圳市</td>
        </tr>
    </table>
    </body>
</html>

1000.png

Relation de nœud

  • Nœud racine, un document HTML n'a qu'une seule racine, qui est le nœud HTML.

  • Nœud enfant : un nœud subordonné d'un nœud.

  • Nœud parent : le nœud supérieur d'un nœud.

  • Nœud frère : deux nœuds enfants appartiennent au même nœud parent.

Type de nœud dans le DOM

  • Le nœud document document représente la page Web entière et ne représente aucune balise HTML. Mais c'est le nœud parent du nœud html.

  • le nœud d'élément élément fait référence à n'importe quelle balise HTML. Chaque balise HTML est appelée un « nœud d'élément ». Il peut avoir des nœuds de texte et des nœuds d'attribut.

  • nœud d'attribut d'attribut. Fait référence aux attributs des balises HTML.

  • nœud de texte. Est le nœud inférieur de l’arborescence des nœuds.


Formation continue
||
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>php.cn</title> </head> <body > <!-- 在HTML中，称为“标签” 在DOM中，称为“节点” 在JS中，称为“对象” --> <table> <tr> <td>北京市</td> <td>上海市</td> <td>深圳市</td> </tr> </table> </body> </html>
soumettreRéinitialiser le code
Section précédente section suivante
Liste des didacticiels
obtenir de l'aide
  • Recommandations de cours
  • Téléchargement du didacticiel
Le didacticiel n'est pas disponible au téléchargement pour le moment. Le staff est actuellement en train de l'organiser. Veuillez prêter plus d'attention à ce cours à l'avenir ~

Les étudiants qui ont regardé ce cours apprennent également

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)  492832 joue