Fatal编程技术网
  • javascript/
  • 如何使用纯javascript将子元素封装到div中？

如何使用纯javascript将子元素封装到div中？

javascript

如何使用纯javascript将子元素封装到div中？,javascript,Javascript,例如，我有以下代码 <div class="parent> <p> Item 1 </p> <p> Item 1 </p> <p> Item 1 </p> </div> 最好使用id而不是class作为标识符。但是，下面是适用于您的工作代码 var parents=document.getElementsByClassName（“父”）； var children=parents[0

例如，我有以下代码

<div class="parent>
  <p> Item 1 </p>
  <p> Item 1 </p>
  <p> Item 1 </p>
</div>



最好使用
id
而不是
class
作为标识符。但是，下面是适用于您的工作代码



var parents=document.getElementsByClassName（“父”）；
var children=parents[0]。innerHTML；
var newContent=''+子项+''；
父项[0]。innerHTML=newContent


项目1

项目1

项目1


这是否回答了您的问题？

<div class="parent>
  <div class="parent-child>
    <p> Item 1 </p>
    <p> Item 1 </p>
    <p> Item 1 </p>
  </div>
</div>