Résumé de certains attributs couramment utilisés dans les compétences DOM operations_javascript

1.DOM : Document Object Model DOM (Document Object Model) définit une méthode standard pour accéder et traiter les documents HTML. DOM présente les documents HTML sous la forme d'une structure arborescente (arbre de nœuds) avec des éléments, des attributs et du texte.

2. Quelques attributs couramment utilisés du DOM

　2.1 Obtenir les éléments par ID

(1) Grammaire :

Copier le code Le code est le suivant :

document.getElementById("id");

(2) Fonction : l'ID est la carte d'identité d'une personne. Nous pouvons trouver l'étiquette en recherchant son ID, puis effectuer les opérations correspondantes.

(3) Remarque : N'oubliez pas de rédiger le document !

　Attribut innerHTML 2.2

(1) Grammaire :

Copier le code Le code est le suivant :

Obgect.innerHTML="Bonjour tout le monde"

(2) Fonction : Principalement pour obtenir ou remplacer le contenu de la balise

　(3) Exemple :

Copier le code Le code est le suivant :

innerHTML

javascript

JavaScript est un langage de script simple basé sur des objets et basé sur des événements. Il est intégré dans les documents HTML et est interprété et exécuté par le navigateur. Il produit des effets d'affichage dynamiques sur les pages Web et implémente des fonctions interactives avec les utilisateurs.

　(4) Remarque : Object est l'objet élément obtenu, tel que l'élément obtenu via document.getElementById("ID").

　2.3 Changer le style HTML

(1) Grammaire :

Copier le code Le code est le suivant :

Objet.style.propriété

(2) Fonction : Utilisé pour modifier le style HTML

　(3) Exemple :

Copier le code Le code est le suivant :

J'adore JavaScript

JavaScript permet aux pages Web d'afficher des effets dynamiques et de mettre en œuvre des fonctions interactives avec les utilisateurs.

(4) Remarque : Il existe de nombreux styles de propriété, tels que la couleur, la hauteur, etc., qui peuvent être modifiés à l'aide de cette méthode. N'oubliez pas d'ajouter un point-virgule après la propriété.

　2.4 Afficher et masquer (attribut d'affichage)

(1) Grammaire :

Object.style.display=value
(2) Fonction : l'affichage et le masquage sont souvent visibles sur les pages Web, ce qui est obtenu à l'aide de l'attribut d'affichage

　(3) Exemple :

Copier le code Le code est le suivant :

　　　　（4）注意：value的值為none和block，其中none為不顯示內容，而block為顯示內容

　　2.5 className屬性

　　　　（1）文法：

複製程式碼 程式碼如下:

Object.className=classname

　　　　（2）作用：1.取得元素的class屬性；2.為網頁中的某一個元素指定一個css樣式來改變改元素的外觀

　　　　（3）範例：

複製程式碼 程式碼如下: