javascript - 元素 insertBefore 未插入

Question

我想使用 insertBefore 但元素没有插入到这里的代码之前:

if(width <= 450) {
  var addThis = document.querySelector('.socialShare');
  var readMore = document.querySelector('.read-more-wrap');

  document.querySelector('.blog-detail').insertBefore(addThis, readMore); 
}

这里是 html 结构:

如何在 .read-more-wrap 之前插入该特定元素

Answer 1

您需要将其父级与 insertBefore() 一起使用，例如

parentNode.insertBefore(newNode, referenceNode)

在本例中似乎是main

if(width <= 450) {
  var addThis = document.querySelector('.socialShare');
  var readMore = document.querySelector('.read-more-wrap');

  //document.querySelector('.blog-detail').insertBefore(addThis, readMore); 
  document.querySelector('.blog-detail main').insertBefore(addThis, readMore); 
}