javascript – 删除按钮删除自身而不是目标元素

我有一个非常困扰的问题,我无法理解.

我有一个包含2个段落的div,还有一个可点击按钮来删除第一个p元素,但奇怪的是按钮会自行删除它并且p元素继续存在！

这是我的代码的结果：

但当我点击按钮时,我得到了这个：

以下是我的代码：

<div>
  <p id="id_1">The first paragraph.</p>
  <p id="id_2">The second one.</p>
</div><br>
<button onclick="remove(document.getElementById('id_1'));">click me!</button>
<script>
  function remove(elem)
    {
      var parent=elem.parentNode;
      parent.removeChild(elem);
    }

</script>

解决方法:

函数名“remove”被按钮元素本身的本机“remove”方法隐藏.如果更改名称,它将按预期工作.

使用HTML“onfoo”属性建立的事件处理程序在特殊构造的范围内执行,该范围包括元素的DOM节点上的方法(和其他属性).这只是众多原因之一,最好使用JavaScript通过addEventListener()附加事件处理程序.

标签：javascript,html5,button,removechild
来源： https://codeday.me/bug/20190527/1166369.html