未捕获的 NotFound错误：无法在"节点"上执行'replaceChild'：要替换的节点不是此节点的子节点

Question

我在代码中找不到问题，有人能帮我解决这个问题吗？这是我的源代码

<button onclick="myfunction()" class="button" id="btw1" > Voir numéro   </button>
<script type=text/javascript> 
function myfunction(){

var bouton= document.getElementById('btw1');

var parent= document.body;
var nvbtw = document.createElement('btw2');
nvbtw.id='btw2';
nvbtw.innerHTML='<button  class="button" id="btw2" > ([phone])   </button>';

parent.replaceChild(nvbtw,bouton);
}</script>

我想做的是一个隐藏的按钮号码，就像当你点击它时，它会显示号码一样。

Answer 1

错误消息告诉您bouton不是document.body的直接子级。使用：代替var parent = document.body

var parent = bouton.parentElement; // or `.parentNode`

---

旁注：如果你的目标是现代浏览器，你可能会发现replaceWith更容易使用：

bouton.replaceWith(nvbtw);

(对于较旧的浏览器，它也可以是多填充的。(