Javascript-未捕获类型错误:无法读取属性';removeChild';未定义的
我有以下标记:Javascript-未捕获类型错误:无法读取属性';removeChild';未定义的,javascript,Javascript,我有以下标记: <div> <div class="form-action form-action-primary"> <button class="button button-chevron-right button-primary" name="next" type="submit" value="Next"> Next <span class="icon icon-icon-cta">&l
<div>
<div class="form-action form-action-primary">
<button class="button button-chevron-right button-primary" name="next" type="submit" value="Next">
Next
<span class="icon icon-icon-cta"></span>
</button>
</div>
</div>
但我得到了以下错误:
Uncaught TypeError: Cannot read property 'removeChild' of undefined
at window.onload
console.log返回:
NodeList [button.button.button-chevron-right.button-primary]
返回文档中具有给定名称的元素节点列表集合,要从中访问任何元素,应使用特定索引:
您可以尝试使用哪个返回文档中与指定选择器或选择器组匹配的第一个元素和属性选择器:
window.onload=函数(){
var elem=document.querySelector(“[name=next]”);
控制台日志(elem);
elem.parentNode.removeChild(elem);
};代码>
下一个
返回文档中具有给定名称的元素节点列表集合,要从中访问任何元素,应使用特定索引:
您可以尝试使用哪个返回文档中与指定选择器或选择器组匹配的第一个元素和属性选择器:
window.onload=函数(){
var elem=document.querySelector(“[name=next]”);
控制台日志(elem);
elem.parentNode.removeChild(elem);
};代码>
下一个
由于您正在按类名查询元素,因此将收到一个数组
只需更改这一行:var elem=document.getElementsByName('next')代码>
window.onload=function(){
var elem=document.getElementsByName('next')[0];//索引0处的元素
控制台日志(elem);
elem.parentNode.removeChild(elem);
};代码>
下一个
由于您正在按类名查询元素,因此将收到一个数组
只需更改这一行:var elem=document.getElementsByName('next')代码>
window.onload=function(){
var elem=document.getElementsByName('next')[0];//索引0处的元素
控制台日志(elem);
elem.parentNode.removeChild(elem);
};代码>
下一个
首先,我认为您不能在节点列表上调用removeChild
,这是getElementsByName
返回的结果。请将console.log(elem)
的输出添加到问题中。对于初学者,我认为您不能在NodeList
上调用removeChild
,这就是getElementsByName
返回的内容。请将console.log(elem)
的输出添加到问题中。可能重复的
NodeList [button.button.button-chevron-right.button-primary]