在li里面附加div给出null

Question

我试图将classADiv（div中包含div）附加到li，并且它的属性为squareId。但我得classADiv.parentNode为null。如何检查div的父级是什么，并将其附加到＆＃39; li`？

function attachDivToLi(){

  var square = document.getElementById('squareId');
  var round = document.getElementById('roundId')


  var appleDiv = document.createElement('div');
  var grapesDiv = document.createElement('div');
  var classBDiv = document.createElement('div');
  var classADiv = document.createElement('div');



  classBDiv.appendChild(appleDiv)
  classBDiv.appendChild(grapesDiv)
  classADiv.appendChild(classBDiv)

  if(classADiv.parentNode === square){
    ulDiv.appendChild(classADiv);
    document.body.appendChild(ulDiv);
  }

}

Answer 1

根据定义，已经创建但未添加到DOM的元素没有任何父节点（除非它们附加到其他一些新创建的元素）。因此，在将classADiv添加到文档之前，您无法测试classADiv的父节点 - 这并不是真的有意义。