Fonctions JavaScript pouvez ajouter et supprimer des éléments dans une page Web. Les éléments HTML dans une page Web sont organisés dans une structure hiérarchique, qui est accessible à des fonctions JavaScript d'exploitation à l'intérieur de la page. En naviguant dans cette structure, une fonction JavaScript est capable de repérer d'abord un élément, puis l'enlever à l'aide d'une référence à l'élément parent. La création de fonctions JavaScript pour supprimer des éléments n'est généralement pas difficile et est une bonne compétence à apprendre, comme vous développez les compétences de programmation.
fonctions JavaScript pouvez ajouter et supprimer des éléments dans une page Web. Les éléments HTML dans une page Web sont organisés dans une structure hiérarchique, qui est accessible à des fonctions JavaScript d'exploitation à l'intérieur de la page. En naviguant dans cette structure, une fonction JavaScript est capable de repérer d'abord un élément, puis l'enlever à l'aide d'une référence à l'élément parent. La création de fonctions JavaScript pour supprimer des éléments n'est généralement pas difficile et est une bonne compétence à apprendre, comme vous développez les compétences de programmation.
- Créez votre page Web contenant l'élément que vous souhaitez supprimer. Entrez le code suivant dans un nouveau fichier dans un éditeur de texte et l'enregistrer sous '.HTML' comme l'extension de fichier:
Retirez-Moi
C'est une simple page d'exemple pour illustrer le principe de la suppression d'un élément HTML, de sorte que la page ne contient l'élément à être supprimé. L'élément a été attribué un 'onclick' de la fonction, ce qui signifie que lorsque l'utilisateur clique dessus, une fonction JavaScript sera appelée et de l'élément 'id' de l'attribut passé. - Créez votre fonction JavaScript. Entrez dans une zone de code dans la section head de votre page, entre l'ouverture et la fermeture des balises d'en-tête:
Cela représente la fonction appelée en cliquant sur l'élément de la page. Notez que le nom de la fonction qui correspond à l'élément 'onclick' de la fonction. Le paramètre 'divID' représente la valeur de l'ID passé, quand l'élément est cliqué. - Localiser l'élément cliqué. Ajouter les éléments suivants à l'intérieur de votre fonction JavaScript, entre l'ouverture et la clôture de la fonction entre parenthèses:
var childElem = document.getElementById(divID)
Cette fonction utilise la valeur de l'ID pour localiser l'élément dans la page HTML. La variable 'childElem' détient maintenant un pointeur vers l'élément qui a été cliqué. Vous pouvez ensuite utiliser cette référence pour la suite du traitement. - Localiser l'élément parent de l'élément cliqué. Pour supprimer un élément, vous devez acquérir une référence à son parent, ensuite demander à cet élément de retirer l'enfant de l'élément que vous essayez de détruire. Ajoutez le code suivant pour obtenir une référence à la société mère:
var parentElem = childElem.parentNode
Votre code a maintenant une référence à l'élément d'être enlevé et de son élément parent. - Supprimer l'élément de votre page. Ajoutez le code suivant, la réalisation de l'opération de retrait:
parentElem.removeChild(childElem)
Cela appelle une méthode sur l'élément parent, lui ordonnant de retirer l'enfant de l'élément spécifié en paramètre. Enregistrez votre fichier et ouvrez votre page dans un navigateur Web pour tester. Cliquez sur l'élément de texte et vous devriez le voir disparaître. Pour tester à nouveau, actualisez la page et cliquez sur nouveau.
Conseils & Avertissements
- JavaScript les fonctions peuvent accéder et de supprimer tout élément de la page.
- soyez prudent lors de la suppression d'éléments dans le cas où vous avez accidentellement consulter et retirer le mauvais.
Comment faire pour Supprimer un Element Avec JavaScript
Fonctions JavaScript pouvez ajouter et supprimer des elements dans une page Web. Les elements HTML dans une page Web sont organises dans une structure hierarchique, qui est accessible a des fonctions JavaScript d'exploitation a l'interieur de la page. En naviguant dans cette structure, une fonction JavaScript est capable de reperer d'abord un element, puis l'enlever a l'aide d'une reference a l'element parent. La creation de fonctions JavaScript pour supprimer des elements n'est generalement pas difficile et est une bonne competence a apprendre, comme vous developpez les competences de programmation.
fonctions JavaScript pouvez ajouter et supprimer des elements dans une page Web. Les elements HTML dans une page Web sont organises dans une structure hierarchique, qui est accessible a des fonctions JavaScript d'exploitation a l'interieur de la page. En naviguant dans cette structure, une fonction JavaScript est capable de reperer d'abord un element, puis l'enlever a l'aide d'une reference a l'element parent. La creation de fonctions JavaScript pour supprimer des elements n'est generalement pas difficile et est une bonne competence a apprendre, comme vous developpez les competences de programmation.
- Creez votre page Web contenant l'element que vous souhaitez supprimer. Entrez le code suivant dans un nouveau fichier dans un editeur de texte et l'enregistrer sous '.HTML' comme l'extension de fichier:
Retirez-Moi
C'est une simple page d'exemple pour illustrer le principe de la suppression d'un element HTML, de sorte que la page ne contient l'element a etre supprime. L'element a ete attribue un 'onclick' de la fonction, ce qui signifie que lorsque l'utilisateur clique dessus, une fonction JavaScript sera appelee et de l'element 'id' de l'attribut passe. - Creez votre fonction JavaScript. Entrez dans une zone de code dans la section head de votre page, entre l'ouverture et la fermeture des balises d'en-tete:
Cela represente la fonction appelee en cliquant sur l'element de la page. Notez que le nom de la fonction qui correspond a l'element 'onclick' de la fonction. Le parametre 'divID' represente la valeur de l'ID passe, quand l'element est clique. - Localiser l'element clique. Ajouter les elements suivants a l'interieur de votre fonction JavaScript, entre l'ouverture et la cloture de la fonction entre parentheses:
var childElem = document.getElementById(divID)
Cette fonction utilise la valeur de l'ID pour localiser l'element dans la page HTML. La variable 'childElem' detient maintenant un pointeur vers l'element qui a ete clique. Vous pouvez ensuite utiliser cette reference pour la suite du traitement. - Localiser l'element parent de l'element clique. Pour supprimer un element, vous devez acquerir une reference a son parent, ensuite demander a cet element de retirer l'enfant de l'element que vous essayez de detruire. Ajoutez le code suivant pour obtenir une reference a la societe mere:
var parentElem = childElem.parentNode
Votre code a maintenant une reference a l'element d'etre enleve et de son element parent. - Supprimer l'element de votre page. Ajoutez le code suivant, la realisation de l'operation de retrait:
parentElem.removeChild(childElem)
Cela appelle une methode sur l'element parent, lui ordonnant de retirer l'enfant de l'element specifie en parametre. Enregistrez votre fichier et ouvrez votre page dans un navigateur Web pour tester. Cliquez sur l'element de texte et vous devriez le voir disparaître. Pour tester a nouveau, actualisez la page et cliquez sur nouveau.
Conseils & Avertissements
- JavaScript les fonctions peuvent acceder et de supprimer tout element de la page.
- soyez prudent lors de la suppression d'elements dans le cas ou vous avez accidentellement consulter et retirer le mauvais.
Comment faire pour Supprimer un Élément Avec JavaScript
By commentfaire
Fonctions JavaScript pouvez ajouter et supprimer des éléments dans une page Web. Les éléments HTML dans une page Web sont organisés dans une structure hiérarchique, qui est accessible à des fonctions JavaScript d'exploitation à l'intérieur de la page. En naviguant dans cette structure, une fonction JavaScript est capable de repérer d'abord un élément, puis l'enlever à l'aide d'une référence à l'élément parent. La création de fonctions JavaScript pour supprimer des éléments n'est généralement pas difficile et est une bonne compétence à apprendre, comme vous développez les compétences de programmation.
