为什么Node.replaceChild方法会提示replaceChild为null？

Question

请输入代码

<!-- 替换元素 -->
<div id="outerContainer">
    <div>
        <h1>This one thing will change your life!!!</h1>
    </div>
</div>

<div id="footer">
    <div class="share">
        <p>something</p>
        <img src="" alt="#">
    </div>
</div>
    

<script>
    var newElement = document.createElement("p");
    newElement.textContent = "新添加的p标签";
    
    var oldElement = document.querySelector(".share");
    oldElement.parentNode.replaceChild(newElement,oldElement);
    
    console.log(oldElement.parentNode.replaceChild(newElement,oldElement));
</script>

Answer 1

oldElement还是保留了原本的HTML Element的引用
但之前你操作replaceChild的时候已经没有挂载在dom节点上了

Answer 2

oldElement已经被替换了...