鍍金池/ 問(wèn)答/HTML5  HTML/ 如何給一個(gè)子元素動(dòng)態(tài)創(chuàng)建一個(gè)父元素

如何給一個(gè)子元素動(dòng)態(tài)創(chuàng)建一個(gè)父元素

clipboard.png

想給穿梭框內(nèi)的checkbox列表外部，都添加一個(gè)標(biāo)簽。
目前已經(jīng)循環(huán)出來(lái)了父元素。

clipboard.png

想在每個(gè)label外層都新增一個(gè)同樣的標(biāo)簽。怎么玩...

前端基礎(chǔ)知識(shí)，自己卻忽略了。

回答
編輯回答
陌上花
  1. 動(dòng)態(tài)創(chuàng)建DOM element，然后替換內(nèi)容。如第一個(gè)回答。
  2. 直接修改innerHtml
    var lables = document.querySelectorAll('lable')
    labels.forEach(function (lable) {
      lable.innerHtml = '<div>' + lable.innerHtml + '</div>'
    })
2018年2月8日 22:31
編輯回答
掛念你
var lables = document.querySelectorAll('lable')
    labels.forEach(function (lable) {
      var ele = document.createElement('span')
      lable.parentNode.replaceChild(ele, lable)
      ele.appendChild(lable)
    })
2018年9月3日 18:50