Maison >
Article > interface Web > Exemples d'utilisation de JavaScript pour ajouter, supprimer, modifier et vérifier les compétences nodes_javascript de pages Web
Exemples d'utilisation de JavaScript pour ajouter, supprimer, modifier et vérifier les compétences nodes_javascript de pages Web
WBOYoriginal
2016-05-16 16:16:181561parcourir
L'exemple de cet article décrit l'utilisation de JavaScript pour ajouter, supprimer, modifier et vérifier les nœuds de pages Web. Partagez-le avec tout le monde pour votre référence. L'analyse spécifique est la suivante :
1.Concepts de base
Cette partie est ce qu'on appelle le "HTML DOM". Le soi-disant HTML DOM est la règle de chargement des pages Web. Il s'agit d'une règle qui est la formule de base pour la composition d'une page Web.
C'est-à-dire que toutes les pages Web doivent être écrites selon les règles :
... et chargées selon ces règles.
Le soi-disant « nœud de page Web » est également appelé l'explication populaire de « nœud DOM ». Par exemple, le contenu sous le nœud html est tout le contenu entre et le le contenu sous le nœud body est .
Le DOM HTML est stipulé comme suit : 1. Le document entier est un nœud de document 2. Chaque balise HTML (c'est-à-dire les balises html telles que
, plutôt que simplement les balises ) est un nœud d'élément ; 3. Le texte contenu dans l'élément HTML est un nœud de texte ; 4. Chaque attribut HTML est un nœud d'attribut
Par exemple, vous pouvez dessiner une page comme l'arborescence de nœuds DOM suivante :
La définition officielle de HTML DOM est la suivante : HTML DOM est l'abréviation de HTML Document Object Model, et HTML DOM est un modèle objet de document spécifiquement applicable 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.
L'utilisation de JavaScript peut facilement contrôler l'ajout, la suppression, la modification et la vérification des nœuds de page Web sur ces nœuds DOM.
2. Objectifs de base
Utilisez JavaScript pour ajouter, supprimer, modifier et vérifier des nœuds sur la page Web. Dans une page web il y a :
1. Bouton "Ajouter un nœud". Lors de l'ajout de nœuds, ce bouton ajoute également des options de nœud dans le menu déroulant associé au "Bouton Remplacer". S'il y a 9 nœuds dans la page Web, ils ne seront pas ajoutés et un avertissement apparaîtra.
2. Bouton "Supprimer le dernier nœud". Ce bouton réduit les nœuds tout en réduisant également les options de nœuds dans le menu déroulant associé au "Bouton Remplacer".
3. Bouton "Remplacer le contenu du nœud", sélectionnez d'abord le nœud qui doit être exploité, puis entrez le contenu à remplacer, et le nœud correspondant sera remplacé.
4. S'il n'y a aucun nœud dans la page Web, la suppression et le remplacement ne seront pas autorisés et un avertissement apparaîtra.
3. Processus de production
Il n'est pas nécessaire de configurer un environnement, il suffit d'écrire le code suivant directement dans la page Web. Le code spécifique est le suivant, et sera expliqué partie par partie ci-dessous :
J'espère que cet article sera utile à la conception de la programmation JavaScript de chacun.
Déclaration：
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
