Как разделить бодиконтент на две половины и вставить html посередине, используя Pure Javascript - PullRequest
Новая
       55

Как разделить бодиконтент на две половины и вставить html посередине, используя Pure Javascript

0 голосов
/ 25 мая 2020

Я сделал это с помощью 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>');

Тогда я получаю очевидную ошибку, что это не функция. Потому что это нодлист.

Пожалуйста, помогите, я знаю, что это простой. Но по какой-то причине мне всегда сложно это понять.

1 Ответ

0 голосов
/ 25 мая 2020

Это то, что вам нужно? 

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