我正在尝试使用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();