Javascript 在选择选项上使用.remove()(不带jQuery)

Javascript 在选择选项上使用.remove()(不带jQuery),javascript,Javascript,我错误地在选项元素上使用了.remove(),并且选项被删除。也就是说,我调用的remove()on的选项已从select元素中删除。我找不到任何关于选项元素的此方法的文档 这是一种未记录的方法吗?如果不是,为什么remove()对选项元素起作用 这里有一个简单的例子。我们将使用5个选项创建一个select,然后通过调用options[N]删除特定选项。remove()其中options是一个包含5个选项的数组 const selectEl=document.querySelector('se

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

这是一种未记录的方法吗?如果不是,为什么
remove()
选项
元素起作用

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

const selectEl=document.querySelector('select'))
const optionEls=Array.from(selectEl.querySelectorAll('option'))
选项[1]。删除()
选项[2]。删除()
选项[3]。删除()

选择1
选择2
选择3
选择4
备选案文5
.remove()
也是一种
DOM
方法。

.remove()
也是一种
DOM
方法。

方法的作用是:从对象所属的树中删除该对象

但是,请注意,目前没有Internet Explorer支持此方法。

方法的作用是:从对象所属的树中删除该对象


但是,请注意,Internet Explorer目前不支持此方法。

如果没有参数传递给remove函数,则会调用子节点的remove函数,从而将节点从DOM中删除

它有明确的文件记录

方法的作用是:从该选择元素的选项集合中删除指定索引处的元素

,在调用remove时调用的方法在HtmlSelect元素上没有参数。

如果仔细查看图像,可以发现该选项的子节点是文本节点,该节点已被删除


当没有参数传递给remove函数时,将调用子节点的remove函数,从而将节点从DOM中删除

它有明确的文件记录

方法的作用是:从该选择元素的选项集合中删除指定索引处的元素

,在调用remove时调用的方法在HtmlSelect元素上没有参数。

如果仔细查看图像,可以发现该选项的子节点是文本节点,该节点已被删除


就像在《布雷特杜迪》中一样,是的。另一种表达方式是jQuery还有一个
.remove()
方法。如?@BrettDeWoody Yes。另一种表达方式是jQuery还有一个
.remove()
方法。这是
select
元素的方法,如
SelectEl.remove(0)
删除第一个
选项。我直接在
选项上调用
remove()
。@BrettDeWoody Options也有子节点。这是
选择
元素的一种方法,如
选择el.remove(0)
删除第一个
选项。我直接在
选项上调用
remove()
。@BrettDeWoody选项也有子节点。