标签：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
来源： https://codeday.me/bug/20191011/1891783.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。