Tout ce que vous devez savoir sur DOM en JavaScript

Saviez-vous que nous pouvons utiliser JavaScript pour manipuler le contenu de la page Web? Cela semble intéressant, non? Comprenons ce qu'est le modèle d'objet de document, c'est-à-dire. DOM en JavaScript de la manière suivante:

• Qu'est-ce que DOM en JavaScript?
• Actions de DOM en JavaScript
• Interroger le DOM
• Écouter les événements
• Interagir avec les formulaires
• Création d'éléments HTML
• Ajout de CSS

Qu'est-ce que DOM en JavaScript?

Le modèle d'objet de document ou DOM est créé par le navigateur lorsqu'une page Web est chargée. Sous forme graphique, c'est comme un arbre d'éléments également appelés nœuds, qui sont utilisés pour représenter chaque élément de la page.

Tout le DOM de notre page Web se trouve à l'intérieur de l'objet document. Par programmation, ce modèle nous permet de lire voire de modifier le contenu de notre page via . N'est-ce pas cool?

Actions de DOM en JavaScript

Certaines des actions que nous pouvons effectuer avec ce modèle sont:

• Modifier / supprimer des éléments HTML dans le DOM / sur la page.

• Modifier et ajouter des styles CSS aux éléments

  jointure latérale de la carte dans la ruche

• Lire et modifier les attributs (href, src, alt), etc.

  
  
  

  java pour exemples de programmes en boucle

• Créez de nouveaux éléments et insérez-les dans le DOM / page.

• Joindre des écouteurs d'événements aux éléments (cliquer, appuyer sur une touche, soumettre)

Interroger le DOM en JavaScript

Saisir un élément HTML ou le saisir pour ajouter / modifier ou du contenu est appelé interrogation.

Code HTML:

Javascript et le DOM h1 {font-size: 60px}

Code JavaScript:

var title = document.getElementById ('title') // couleur cgangin en rouge title.style.color = 'red' var body = document.getElementById ('body') // changement de la couleur d'arrière-plan en bleu clair body.style. backgroundColor = 'bleu clair'

Nous avons changé la couleur du texte du titre du noir au rouge en utilisant JavaScript. Nous y sommes parvenus en utilisant le .style propriété a ensuite changé la valeur de Couleur égal à net .

Modifions maintenant la couleur d'arrière-plan de l'élément de corps en bleu clair .

Avec cela, nous arrivons à la fin de cet article DOM dans un article JavaScript. J'espère que vous avez compris comment fonctionnent les modèles d'objet de document et comment implémenter le même DOM en JavaScript.

Maintenant que vous connaissez DOM en JavaScript, consultez le par Edureka. La formation de certification en développement Web vous aidera à apprendre à créer des sites Web impressionnants à l'aide des API HTML5, CSS3, Twitter Bootstrap 3, jQuery et Google et à les déployer sur Amazon Simple Storage Service (S3).

quelle est la différence entre css et css3

Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires de 'DOM en JavaScript' et nous vous répondrons.