javascript - 如何将正文内容分成两半并使用纯 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>');

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

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

标签： javascriptnodelist

Answer 1

这就是你所追求的吗？

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