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

秋风秋雨
  • 433
请输入代码
<!-- 替换元素 -->
<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>

图片描述

回复
阅读 1.1k
2 个回答
✓ 已被采纳

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

oldElement已经被替换了...

宣传栏