Manuel de référence HTML DOM chinois

Lire(19371) temps de mise à jour(2022-04-13)

Dans le "HTML DOM Chinese Reference Manual", HTML DOM définit la méthode standard d'accès et de manipulation des documents HTML. DOM représente les documents HTML dans une structure arborescente.


HTML DOM est l'abréviation de HTML Document Object Model, et HTML DOM est un modèle objet de document spécifiquement adapté au HTML/XHTML. Les personnes familiarisées avec le développement de logiciels peuvent comprendre HTML DOM comme l'API d'une page Web. Il traite chaque élément de la page Web comme un objet, de sorte que les éléments de la page Web peuvent également être obtenus ou modifiés par un langage informatique. Par exemple, Javascript peut utiliser HTML DOM pour modifier dynamiquement des pages Web.

DOM est l'abréviation de Document Object Model. Selon la spécification DOM du W3C, DOM est une interface indépendante du navigateur, de la plate-forme et de la langue qui vous permet d'accéder à d'autres composants standard de la page. En termes simples, DOM résout le conflit entre le JavaScript de Netscape et le JavaScript de Microsoft, offrant aux concepteurs et développeurs Web un moyen standard d'accéder aux données, aux scripts et aux objets de la couche de présentation de leurs sites.

DOM est une collection de nœuds ou d'informations organisées dans une structure hiérarchique. Cette hiérarchie permet aux développeurs de parcourir l'arborescence à la recherche d'informations spécifiques. L'analyse de cette structure nécessite généralement de charger l'intégralité du document et de construire la hiérarchie avant de pouvoir effectuer tout travail. Parce qu'il est basé sur une hiérarchie d'informations, le DOM est considéré comme basé sur une arborescence ou sur des objets.

HTML DOM définit des méthodes standard pour accéder et manipuler les documents HTML.

HTML DOM présente les documents HTML sous forme d'arborescence (arbre de nœuds) avec des éléments, des attributs et du texte.

Conseil : Avant de continuer à apprendre le HTML DOM, vous devez avoir une compréhension de base du contenu HTML, CSS, JavaScrip.

Informations sur le nœud

Dans le DOM HTML, tout est un nœud. DOM est du HTML vu comme une arborescence de nœuds.

Chaque nœud possède des attributs qui contiennent des informations sur le nœud. Ces propriétés sont :

nodeName (nom du nœud) nodeValue (valeur du nœud) nodeType (type de nœud)

Selon le standard HTML DOM du W3C, tout ce qui se trouve dans un document HTML est un nœud :

  • Le document entier est un nœud de document

  • Chaque élément HTML est un nœud d'élément

  • Le texte à l'intérieur d'un élément HTML est un nœud de texte

  • Chaque attribut HTML est un nœud d'attribut

  • Les commentaires sont des commentaires nodes

Conseils : Notre tutoriel HTML DOM vous aidera à apprendre le HTML DOM étape par étape. Si vous avez des questions, veuillez vous rendre sur le site Web PHP chinois HTML DOM Community pour poser vos questions, ainsi qu'aux internautes enthousiastes. y répondra pour vous.

Méthodes HTML DOM

Les méthodes sont des actions que nous pouvons effectuer sur les nœuds (éléments HTML).

  • Interface de programmation

peut accéder au DOM HTML via JavaScript (et d'autres langages de programmation).

Tous les éléments HTML sont définis comme des objets et les interfaces de programmation sont des méthodes objet et des propriétés d'objet.

Les méthodes sont des actions que vous pouvez effectuer (telles que l'ajout ou la modification d'éléments).

Les propriétés sont des valeurs que vous pouvez obtenir ou définir (comme le nom ou le contenu d'un nœud).

  • Objet HTML DOM - méthodes et propriétés

Certaines méthodes HTML DOM couramment utilisées :

  • getElementById(id) - Récupère le nœud (élément) avec l'identifiant spécifié

  • appendChild(node) - Insérer un nouveau nœud enfant (élément)

  • removeChild(node) - Supprimer un nœud enfant (élément)

Quelques attributs HTML DOM couramment utilisés :

  • innerHTML - La valeur texte du nœud (élément)

  • parentNode - le nœud parent du nœud (élément)

  • childNodes - le nœud enfant du nœud (élément)

  • attributes - le nœud attribut du nœud (élément)

What ce manuel du didacticiel HTML DOM couvre

Ce manuel du didacticiel HTML DOM couvre toutes les connaissances de base du HTML DOM, y compris les nœuds DOM, les méthodes DOM, les attributs DOM, l'accès DOM, les éléments DOM, les événements DOM, etc.

Conseils : Chaque chapitre de ce tutoriel contient de nombreux exemples HTML DOM. Vous pouvez directement cliquer sur le bouton "Exécuter l'exemple" pour afficher les résultats en ligne. Ces exemples vous aideront à mieux comprendre et apprendre le HTML DOM.

Autres ressources de référence d'apprentissage liées au HTML DOM

En plus de l'expansion des connaissances sur le côté droit de cette page, les ressources suivantes sont également sélectionnées pour tout le monde

Dernier chapitre


HTML DOM 对象 2016-10-20
HTML DOM 实例 2016-10-18
HTML DOM总结 2016-10-18
HTML DOM 导航 2016-10-18
HTML DOM - 事件 2016-10-18
HTML DOM - 元素 2016-10-18
HTML DOM - 修改 HTML 内容 2016-10-18
HTML DOM - 修改 2016-10-18