元素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); 
}