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选项也有子节点。