Discussion :

[cmoimoly]

Bonjour,
Je veux déplacer ma balise div class="contentlinks" avec son contenu, pour la placer dans le div class="row" après le div class="col-12".

Voici l'architecture html de base:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<span id="data">
     <section id="" class="thesectionQ">
         <div class="container">
             <div class="row">
                 <div class="col-12">
                     <h1>Title</h1>
                 </div>
            </div>
         </div>
     </section>
     <div class="col-12 contentlinks">
         <a class="btn">link1</a><a class="btn">link2</a>
     </div>
 </span>

Les balises sont créées dynamiquement en js ... mon problème est que je n'arrive pas à utiliser appendChild et/ou mettre ma div class="contentlinks" après la div class="col-12"...

par exemple...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 var thedata2 = document.getElementById('log').getElementsByClassName('thesectionQ'); 
var thedata = document.getElementById('log').getElementsByClassName('contentlinks');
thedata2.appendChild(thedata);

mais j'ai des erreurs ... manipule pas assez souvent le javascript et perd le cheminement entre les parents/enfants... pourriez-vous m'aider, me donner des pistes pour savoir comment je dois m'y prendre s'il vous plait

[NoSmoking]

Bonjour,
tu as résolu ton soucis sur : Insertion balise html avec innerHTML ?

Sinon getElementsByClassName retourne une HTMLCollection comme le laisse présupposer le s à Elements.

document.getElementById('log').getElementsByClassName('thesectionQ');

peut être avantageusement remplacé par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

const elements = document.querySelectorAll("log .thesectionQ");

Les balises sont créées dynamiquement en js ...

je présumes que c'est à ce moment là qu'il serait souhaitable de les mettre au bon endroit.

[SpaceFrog]

Pour déplacer une balise il suffit d'en faire un insertBefore ou Append ailleurs ...