如何将子元素插入innerHTML

Question

我有一个缓冲区：

{
  timePeriods : { /** This can be an array of objects as well */
  "0": [{ workingDayStartAt:  900, workingDayEndAt: 1800 }], /** Instead of array it can be an object */
  "1": [{ workingDayStartAt: 1000, workingDayEndAt: 1800 }],
  "2": [{ workingDayStartAt: 1100, workingDayEndAt: 1800 }],
  "3": [{ workingDayStartAt: 1130, workingDayEndAt: 1800 }],
  "4": [{ workingDayStartAt:  930, workingDayEndAt: 1800 }],
  "5": [{ workingDayStartAt: 1000, workingDayEndAt: 1800 }],
  "6": [{ workingDayStartAt: 1200, workingDayEndAt: 1800 }],
  }
}

/** Just in case if you've two different start & end hours on same day */
"0": [{ workingDayStartAt: 0900, workingDayEndAt: 1100 }, { workingDayStartAt: 1300, workingDayEndAt: 1800 } ]

/** Or if you've same times everyday 
 * (You can just say `'0_7': {exists : true}` to check if all days have same times & check for docs with particular times)*/
 {
    timePeriods : {
         "0_7": [{ workingDayStartAt: 900, workingDayEndAt: 1800 }]
      }
  }

当前不起作用，该怎么办？

Answer 1

每个元素没有getElementById，因为ID都是唯一的。您使用querySelector / querySelectorAll进行元素范围的查询，或使用document.getElementById通过ID搜索文档

您可以使用 mydiv.querySelector('#foo') 要么 document.getElementById('foo')

Answer 2

对象mydiv没有属性函数getElementById。

您需要像这样创建buff变量：

var buff="<div id='main'><p id='foo' class='bar'>Hello World</p></div>";

然后通过以下方式更改foo的内部文本：

mydiv.getElementsByClassName("bar")[0].innerText = "Hi there!"

希望有帮助！