Why does the Node.replaceChild method indicate that replaceChild is null?

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

<div id="footer">
    <div class="share">
        

something

<img src="" alt="-sharp"> </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>

Mar.24,2022

oldElement has been replaced.


oldElement still retains the original reference to HTML Element
, but it was no longer mounted on the dom node when you operated replaceChild

.
Menu