时间戳

首页 > 解决方案 > 修改/移动 DOM 中的现有 html 标签（javascript）

javascript - 修改/移动 DOM 中的现有 html 标签（javascript）

问题描述

我想移动我的 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);

但我有错误......而且太频繁了

标签： javascripthtmlgetelementbyidchildrengetelementsbyclassname

解决方案

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

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

推荐阅读