Modifier/déplacer une balise html existante dans le DOM
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:
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:
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