ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

javascript试图删除带有某些标签的所有东西

2019-10-11 09:36:06  阅读:603  来源: 互联网

标签:javascript tags



我正在尝试使用javascript从页面中删除带有按钮或输入标签的所有内容…到目前为止,我的代码已删除其中的一些内容,但我不知道为什么.它只会从多个复选框中删除一个复选框,并删除2个按钮(有3个按钮)

var buttons = document.getElementsByTagName("button");
for (var j = 0; j < buttons.length ; j++)
{
    buttons[j].parentNode.removeChild(buttons[j]);
}

var checkboxes = document.getElementsByTagName("input");
for (var j = 0; j < buttons.length ; j++)
{
    checkboxes[j].parentNode.removeChild(checkboxes[j]);
}

解决方法:

var checkboxes = document.getElementsByTagName("input");
for (var j = 0; j < buttons.length ; j++) // You use the wrong variable here
{
    checkboxes[j].parentNode.removeChild(checkboxes[j]);
}

应该;

for (var j = 0; j < checkboxes.length ; j++) 

关于未删除的按钮,可能是因为它是输入type =“ button”而不是< button>吗?

请注意document.getElementsByTagName(“ input”);稍后将获取并删除所有输入,而不仅仅是复选框!

我可以建议您使用jQuery之类的JavaScript库吗?您可以做到这一点,而不会出现问题的一行代码:

$('input[type="button"], input[type="checkbox"], button').remove();



标签:javascript,tags

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有