gpt4 book ai didi

javascript - 按类从表单中删除元素

转载 作者:行者123 更新时间:2023-11-30 10:27:05 29 4
gpt4 key购买 nike

<分区>

当尝试通过 Javascript 中的类从表单中删除元素时,出于某种原因,它会删除所有其他元素。我完全不知道是什么导致了这种行为,希望有人能指出我的逻辑错误所在。

我只想保留第一个元素 (inv0) 并删除所有其余元素,但使用下面的确切代码,它只剩下 inv0、inv2 和 inv4。

JS:

function clearInventoryFields()
{
// Get the element by their class name
var invFields = document.getElementsByClassName('inventory');

for (var i = 1; i < invFields.length; i++)
{
invFields[i].parentNode.removeChild(invFields[i]);
}
}

HTML 看起来如下...

<fieldset style="width:62%; float:left; margin-left: 19%;">
<div id="inv0" class="inventory" style="margin-bottom:5px;"> … </div>
<div id="inv1" class="inventory" style="margin-bottom:5px;"> … </div>
<div id="inv2" class="inventory" style="margin-bottom:5px;"> … </div>
<div id="inv3" class="inventory" style="margin-bottom:5px;"> … </div>
<div id="inv4" class="inventory" style="margin-bottom:5px;"> … </div>
<div id="inv5" class="inventory" style="margin-bottom:5px;"> … </div>
</fieldset>
<div class="clear"></div>

29 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com