Maison interface Web js tutoriel Programmation avancée DOM_DOM

Programmation avancée DOM_DOM

May 16, 2016 pm 04:00 PM
dom Programmation avancée

Avant-propos : Trois types d'interfaces standards DOM (changement d'image) stipulées par le W3C : Core DOM (core DOM), adapté à divers documents structurés ; XML DOM (appris en Java OOP), dédié aux documents XML HTML DOM, dédié ; Pour les documents HTML, comprenons les questions suivantes.

1. Objets de localisation et d'historique

retour() //Retour
forward()
go() //Avant
emplacement
href //Lien
recharger //Charger

2. Application des objets de localisation et d'histoire

Copier le code Le code est le suivant :

3. Propriétés communes de l'objet Document

1.referrer (renvoie l'URL du document qui charge le document actuel)

2.URL (renvoie l'URL du document actuel) document.referrer document.URL

Méthodes courantes de l'objet Document

Copier le code Le code est le suivant :
getElementById() (renvoie une référence au premier objet avec l'identifiant spécifié)
getElementsByName() (renvoie une collection d'objets avec le nom spécifié)
getElementsByTagName() (renvoie une collection d'objets avec le nom de balise spécifié)
write() (écrire du texte, une expression HTML ou du code JavaScript dans le document)

Quatre. Les différences entre les trois éléments de la page d'accès

getElementById() accède à l'élément par son nom d'identification

getElementsByName() accède aux éléments par leur nom
getElementsByTagName() accès par tag

5. Afficher et masquer des éléments

1.visibilité visible (indique que l'élément est visible)

caché (indique que l'élément est invisible) object.style.visibility="value"

2.display none (indique que cet élément ne sera pas affiché)

block (indique que cet élément sera affiché comme un élément de niveau bloc, avec des sauts de ligne avant et après cet élément) object.style.display="value"

6. Attributs des cases à cocher

Valeur d'attribut cochée de la case à cocher Cochée : vrai Décochée : faux

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Que signifie vue dom ? Que signifie vue dom ? Dec 20, 2022 pm 08:41 PM

DOM est un modèle objet de document et une interface pour la programmation HTML. Les éléments de la page sont manipulés via DOM. Le DOM est une représentation objet en mémoire d'un document HTML et fournit un moyen d'interagir avec des pages Web à l'aide de JavaScript. Le DOM est une hiérarchie (ou arbre) de nœuds avec le nœud document comme racine.

Quels sont les moyens d'obtenir des nœuds DOM dans Vue3 Quels sont les moyens d'obtenir des nœuds DOM dans Vue3 May 11, 2023 pm 04:55 PM

1. Native js obtient le nœud DOM : document.querySelector (sélecteur) document.getElementById (sélecteur d'identifiant) document.getElementsByClassName (sélecteur de classe).... 2. Récupère l'objet instance du composant actuel dans vue2 : car chaque vue Chaque L'instance de composant contient un objet $refs, qui stocke les références aux éléments ou composants DOM correspondants. Ainsi, par défaut, les $refs du composant pointent vers un objet vide. Vous pouvez d'abord ajouter ref="name" au composant, puis transmettre this.$refs.

Quelle est la raison pour laquelle la liaison ref à dom ou composant échoue dans vue3 et comment la résoudre Quelle est la raison pour laquelle la liaison ref à dom ou composant échoue dans vue3 et comment la résoudre May 12, 2023 pm 01:28 PM

Description du scénario d'analyse de la raison de défaillance d'un composant ou du DOM de liaison Vue3ref Dans Vue3, il est souvent utilisé pour utiliser ref pour lier des composants ou des éléments DOM. Plusieurs fois, ref est clairement utilisé pour lier des composants associés, mais la liaison ref échoue souvent. Exemples de situations d'échec de liaison de référence La grande majorité des cas où la liaison de référence échoue est lorsque la référence est liée au composant, le composant n'a pas encore été rendu, donc la liaison échoue. Ou le composant n'est pas rendu au début et la référence n'est pas liée. Lorsque le composant commence à être rendu, la référence commence également à être liée, mais la liaison entre la référence et le composant n'est pas terminée. À ce stade, des problèmes surviendront. lors de l'utilisation de méthodes liées aux composants. Le composant lié à ref utilise v-if, ou son composant parent utilise v-if pour provoquer l'affichage de la page.

Guide de manipulation du DOM en PHP Guide de manipulation du DOM en PHP May 21, 2023 pm 04:01 PM

Dans le développement web, DOM (DocumentObjectModel) est un concept très important. Il permet aux développeurs de modifier et d'exploiter facilement le document HTML ou XML d'une page Web, comme ajouter, supprimer, modifier des éléments, etc. La bibliothèque d'opérations DOM intégrée à PHP fournit également aux développeurs des fonctions riches. Cet article présentera le guide d'opérations DOM en PHP, dans l'espoir d'aider tout le monde. Le concept de base de DOM DOM est une API multiplateforme indépendante du langage qui peut

Que sont les objets dom et bom ? Que sont les objets dom et bom ? Nov 13, 2023 am 10:52 AM

Il existe 5 objets DOM dont « document », « élément », « nœud », « événement » et « fenêtre » 2. « fenêtre », « navigateur », « emplacement » et « historique » et « écran » et 5 autres ; types d'objets de nomenclature.

Quelle est la différence entre bom et dom Quelle est la différence entre bom et dom Nov 13, 2023 pm 03:23 PM

BOM et DOM sont différents en termes de rôle et de fonction, de relation avec JavaScript, d'interdépendance, de compatibilité des différents navigateurs et de considérations de sécurité. Introduction détaillée : 1. Rôle et fonction. La fonction principale de BOM est de faire fonctionner la fenêtre du navigateur. Il fournit un accès et un contrôle directs à la fenêtre du navigateur, tandis que la fonction principale de DOM est de convertir le document Web en une arborescence d'objets. les développeurs doivent utiliser cette arborescence d'objets pour obtenir et modifier les éléments et le contenu de la page Web ; 2. Relation avec JavaScript, etc.

Quels sont les objets intégrés du DOM ? Quels sont les objets intégrés du DOM ? Dec 19, 2023 pm 03:45 PM

dom内置对象有:1、document;2、fenêtre;3、navigateur;4、emplacement;5、historique;6、écran;7、document.documentElement;8、document.body;9、document.head;10、document .title;11、document.cookie。

Exemples pour expliquer comment js implémente l'animation de défilement horizontal et vertical des éléments dom Exemples pour expliquer comment js implémente l'animation de défilement horizontal et vertical des éléments dom Aug 07, 2022 am 09:36 AM

​Cet article vous présentera comment implémenter une animation de défilement horizontal et vertical des éléments DOM dans js. J'espère que cela sera utile aux amis dans le besoin !

See all articles