我有一个包含列表的定位div。我在图片上附加了一堆按钮,这些按钮与列表中的单词相对应。我有两个相关的问题。首先,列表本身对于提供的空间而言太长了,因此我需要隐藏其中的一部分。如果我可以解决第二个问题,那没关系。第二个问题是在单击相应的图片后将其删除。因此,如果我单击椅子的图片。“主席”一词从列表中消失,列表下面的其余部分向上移动到其空间中。最好是我希望这种情况发生在onclick上,但是我无法解决如何实现它。
这是我的清单
<div class="absolute2">
<div class="translist">
<ul>
<li id="penina">5 penina</li>
<li id="pua">5 pua</li>
<li id="salulima">Salu lima</li>
<li id="manulele">Manulele</li>
<li id="fatu">Fatu</li>
<li id="ialapoa">I‘a lāpo‘a</li>
<li id="gata">Gata</li>
<li id="lima">Lima</li>
<li id="pili">Pili</li>
<li id="aveau">‘Aveau</li>
<li id="uati">Uati</li>
<li id="vaaroketi">Va‘a rōketi</li>
<li id="masinamoana">Māsina moana</li>
</ul>
</div>
</div>
这是按钮之一
<td rowspan="3" colspan="4"><a href="javascript:;" onclick="MM_nbGroup('down','navbar2','n_r2_c8','images/_r2_c8_s2.jpg',1); cutList(manulele); incrementValue(); this.onclick=null;"><img name="n_r2_c8" src="images/_r2_c8.jpg" width="53" height="47" id="n_r2_c8" alt="" /></a></td>
这个按钮应该摆脱我没有尝试太多的列表项“ Manulele”,因为我能找到的所有解决方案都是jquery,并且我不能使用jquery。以下是我尝试使用各种变体而失败的内容。请协助。
function cutList(itemid) {
var element = document.getElementById( itemid );
element.parentNode.removeChild(element);
}
您的代码对我来说很好用,可能是单击之前调用的先前功能的问题。尝试一下代码片段,这不是您想要的吗?
function cutList(itemid) {
var element = document.getElementById( itemid );
element.parentNode.removeChild(element);
}
<div class="absolute2">
<div class="translist">
<ul>
<li id="penina">5 penina</li>
<li id="pua">5 pua</li>
<li id="salulima">Salu lima</li>
<li id="manulele">Manulele</li>
<li id="fatu">Fatu</li>
<li id="ialapoa">I‘a lāpo‘a</li>
<li id="gata">Gata</li>
<li id="lima">Lima</li>
<li id="pili">Pili</li>
<li id="aveau">‘Aveau</li>
<li id="uati">Uati</li>
<li id="vaaroketi">Va‘a rōketi</li>
<li id="masinamoana">Māsina moana</li>
</ul>
</div>
</div>
<button onclick="cutList('manulele')">Remove</button>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句