CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

javascript - insérer un élément

Pseudo supprimé
Pseudo supprimé 13 juillet 2011 à 13:41:27

Bonjour,

Ça fait un moment que je cherche une fonction pour insérer un élément dans un autre, mais au début de celui-ci. Par exemple dans :

<div id="principal">
<span></span>
<span></span>
</div>

je voudrais insérer un troisième <span></span> mais juste après le <div id="principal">.

Est-ce que je dois forcément passer par une regex, ou bien il existe une fonction javascript pour ça ?

Merci ! :)

[Delsuza]
[Delsuza]
Niveau 10
13 juillet 2011 à 14:28:30

en jquery c'est plus facile :ok:

http://jquery.com/

http://api.jquery.com/insertAfter/

:hap:

Popovitch
Popovitch
Niveau 26
13 juillet 2011 à 17:03:45

nvlElement = document.createElement('span');
nvText = document.createTextNode('titi');
nvlElement.appendChild(nvText);

document.getElementById('principal').insertBefore(
nvlElement,
document.getElementById('principal').firstChild);

:d) Je suis sur que c'est possible de faire mieux pour la dernière ligne

Pseudo supprimé
Pseudo supprimé 13 juillet 2011 à 17:34:06

Dire que j'ai galéré toute la journée là-dessus. C'était le innerHTML qui posait problème, avec le firstChild c'est bon.

Merci Popovitch, ça marche :bave:

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Création de sites web
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment