Je me demande simplement comment supprimer des éléments html spécifiques à l'intérieur de div.

En utilisant JavaScript, je recherche déjà la suppression de l'enfant, mais je n'ai trouvé qu'un seul élément supprimé avec l'ordre du tableau comme [0] et supprimé tous les enfants. Mon problème est de savoir comment supprimer l'élément de balises multiples html spécifique.

Besoin de supprimer tous les éléments <Ul> dans #custom_description_video div

Voici l'exemple d'image:

enter image description here

0
junreyd 31 mars 2021 à 19:58

2 réponses

Meilleure réponse

Vous pouvez utiliser Element.ReMove () dans une boucle

const uls = document.querySelectorAll('#custom_description_video > ul')

uls.forEach(el => el.remove())
<div id="custom_description_video">
  <div>Some div</div>
  <div>Another div</div>
  <ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
  </ul>
  <ul>
    <li>One</li>
    <li>Two</li>
    <li>Three</li>
  </ul>

</div>
2
charlietfl 31 mars 2021 à 17:17

Voici une autre approche pour supprimer tous les éléments d'étiquette enfants:

var parentElement = document.getElementById('custom_description_video');


Array.prototype.slice.call(parentElement.getElementsByTagName('ul')).forEach(function(item) { item.parentNode.removeChild(item); } );
1
Riyaz Khan 31 mars 2021 à 17:12