javascript - 在选择选项上使用 .remove() (不使用 jQuery)

Question

我错误地在 option 元素上使用了 .remove()，并且 option 被删除了。也就是说，我调用的 remove() 选项已从 select 元素中删除。我找不到有关 option 元素的此方法的任何文档。

这是一个未记录的方法吗？如果不是，为什么 remove() 对 option 元素有效？

这是一个简单的例子。我们将创建一个包含 5 个 option 的 select，然后通过调用 options[N].remove() 删除特定选项，其中 options 是一个包含 5 个选项的数组。

const selectEl = document.querySelector('select')

const optionEls = Array.from(selectEl.querySelectorAll('option'))

optionEls[1].remove()
optionEls[2].remove()
optionEls[3].remove()

<select>
  <option>Option 1</option>
  <option>Option 2</option>
  <option>Option 3</option>
  <option>Option 4</option>
  <option>Option 5</option>
<select>

Answer 1

https://developer.mozilla.org/en-US/docs/Web/API/ChildNode/remove

The ChildNode.remove() method removes the object from the tree it belongs to.

但请注意，当前 Internet Explorer 不支持此方法。