Maison > interface Web > Questions et réponses frontales > Quelle est la relation entre JavaScript et dom

Quelle est la relation entre JavaScript et dom

青灯夜游
Libérer: 2021-10-09 15:49:39
original
2581 Les gens l'ont consulté

DOM (Document Object Model) est un composant de JavaScript. Il fournit à JavaScript des méthodes et des interfaces pour traiter le contenu des pages Web ; toutes les opérations effectuées par JavaScript sur les pages Web sont effectuées via le DOM.

Quelle est la relation entre JavaScript et dom

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

JavaScript complet est composé des trois parties suivantes :

  • Core (ECMAScript) : fournit la syntaxe et les objets de base du langage

  • Document Object Model (DOM) : fournit des méthodes et des interfaces pour le traitement du contenu Web ;

  • Browser Object Model (BOM) : fournit des méthodes et des interfaces pour interagir avec le navigateur.

Document Object Model (DOM) :

DOM (Document Object Model) est l'interface de programmation d'application (API) pour HTML et XML. DOM planifiera la page entière dans un document composé de hiérarchies de nœuds. Chaque partie d'une page HTML ou XML est un dérivé d'un nœud.

DOM représente les documents en créant des arborescences, donnant aux développeurs un contrôle sans précédent sur le contenu et la structure des documents. Les nœuds peuvent être facilement supprimés, ajoutés et remplacés à l'aide de l'API DOM (getElementById, childNodes, appendChild, innerHTML).

La relation entre DOM et JavaScript

Nous savons tous que JavaScript est un langage de programmation et que les fichiers .js sont des codes écrits en JavaScript, alors quel rôle le DOM y joue-t-il ?

DOM n'est pas un langage de programmation, mais sans DOM, le langage JavaScript n'aurait aucune opération de page Web. Toutes les opérations que nous effectuons sur les pages Web à l'aide de JavaScript sont effectuées via le DOM.

Ce qui suit est un morceau de code pour afficher de manière plus intuitive la différence entre JavaScript et DOM. La partie marquée en rouge dans le code est le DOM :

var Tags = document.getElementsByTagName("a");
. for(var i = 0; I , qui est le noyau de JavaScript, qui est DOM, et le rôle que chacun joue peut être vu d'un seul coup d'œil. (Le code ne sera pas expliqué ici).
Il existe donc une telle équation approximative :
page web ou XML = DOM + JS (langage de script)

【Apprentissage recommandé :

Tutoriel avancé javascript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal