如何将 bodycontent 分成两半并使用 Pure Javascript 在中间插入 html

Question

我已经用 jQuery 完成了，但需要用 PURE JS 完成。

jQuery 示例：

$(document).ready(function() {
  var bodyContent = Math.floor($('#content').children().length);
  var bodyContentDividedInTwo = Math.floor(bodyContent / 2);


  $('#content').children(':eq('+bodyContentDividedInTwodedInHalf+')').after(`widget goes here`);
});

这是我的 PURE JS 示例卡住的地方：

 var fullBodyContent = document.querySelector('#contentBody');
 var bodyContentSplitInHalf = fullBodyContent.childElementCount / 2;

 bodyContentSplitInHalf.insertAdjacentHTML('afterbegin', '<h1>Yeeeeeeesssss!</h1>');

然后我得到一个明显的错误，它不是一个函数。因为它是一个节点列表。

请帮忙，我知道这很容易。但出于某种原因，我总是很难弄清楚这一点。

Answer 1

这就是你想要的吗？

const index = Math.floor(fullBodyContent.childElementCount / 2);
const bodyContentSplitInHalf = fullBodyContent.children[index];

如何将 bodycontent 分成两半并使用 Pure Javascript 在中间插入 html

How do I divide bodycontent in two halves and insert html in the middle using Pure Javascript

javascript

nodelist