修改/移动 DOM 中现有的 html 标签 (javascript)

Question

我想移动我的 div class="contentlinks" 标签及其内容，将其放在 div class="col-12" 之后的 div class="row" 中。这是基本的 html 架构：<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>标签是在 js 中动态创建的...我的问题是我似乎无法使用 appendChild ...我的问题是我似乎无法使用 appendChild ...我正在尝试使用变量中的 class="thesectionQ" 以及我要移动的 div class="contentlinks" 来定位我的部分：例如...   var thedata2 = document.getElementById('data').getElementsByClassName('thesectionQ');    var thedata = document.getElementById('data').getElementsByClassName('contentlinks');   thedata2.appendChild(thedata);      但我有错误......而且太频繁了

Answer 1

给出部分 ID，这样就变得容易了。

document.querySelector('#sectionId div.row')

.appendChild(document.querySelector('div.contentlinks'))