Javascript js按类堆叠在按钮上

banan
阿纳纳斯
法索拉
波马兰茨
维诺格罗诺
奥戈雷克
芒果
塞勒
塞布拉
几维鸟
阿尔法贝特兹尼酒店
var elements=document.getElementsByTagName（'div'）；
var筛选=[]；
对于（var i=0；ib.innerHTML；
});
var parent=元素[0]。parentNode；
对于（i=0；i

---

有人能告诉我如何连接这个脚本，以便在单击而不是加载时对列表进行排序吗？而且我也不知道为什么按钮会出现在顶部。

您调用函数sortABC（）on click event，但没有将其定义为函数

var sortABC=function（）{
var elements=document.getElementById（'elements'）.children；
var筛选=[]；
对于（var i=0；ib.innerHTML；
});
var parent=元素[0]。parentNode；
对于（i=0；i

为了不对按钮进行排序，您可以将已排序的元素包装在容器中，并仅检索此容器的子级：

<div id = "elements">
    <div id="10" class="owoc">banan</div>
    <div id="9" class="owoc">ananas</div>
    <div id="8" class="owoc">fasola</div>
    <div id="7" class="owoc">pomarancz</div>
    <div id="6" class="owoc">winogrono</div>    
    <div id="5" class="owoc">ogorek</div>
    <div id="4" class="owoc">mango</div>
    <div id="3" class="owoc">seler</div>
    <div id="2" class="owoc">cebula</div>
    <div id="1" class="owoc">kiwi</div>
</div>
<button onclick="sortABC()">sortuj alfabetycznie</button>

巴南
阿纳纳斯
法索拉
波马兰茨
维诺格罗诺
奥戈雷克
芒果
塞勒
塞布拉
几维鸟
阿尔法贝特兹尼酒店

在单击事件时调用函数sortABC（），但不将其定义为函数

var sortABC=function（）{
var elements=document.getElementById（'elements'）.children；
var筛选=[]；
对于（var i=0；ib.innerHTML；
});
var parent=元素[0]。parentNode；
对于（i=0；i

为了不对按钮进行排序，您可以将已排序的元素包装在容器中，并仅检索此容器的子级：

<div id = "elements">
    <div id="10" class="owoc">banan</div>
    <div id="9" class="owoc">ananas</div>
    <div id="8" class="owoc">fasola</div>
    <div id="7" class="owoc">pomarancz</div>
    <div id="6" class="owoc">winogrono</div>    
    <div id="5" class="owoc">ogorek</div>
    <div id="4" class="owoc">mango</div>
    <div id="3" class="owoc">seler</div>
    <div id="2" class="owoc">cebula</div>
    <div id="1" class="owoc">kiwi</div>
</div>
<button onclick="sortABC()">sortuj alfabetycznie</button>

巴南
阿纳纳斯
法索拉
波马兰茨
维诺格罗诺
奥戈雷克
芒果
塞勒
塞布拉
几维鸟
阿尔法贝特兹尼酒店

<div id = "elements">
    <div id="10" class="owoc">banan</div>
    <div id="9" class="owoc">ananas</div>
    <div id="8" class="owoc">fasola</div>
    <div id="7" class="owoc">pomarancz</div>
    <div id="6" class="owoc">winogrono</div>    
    <div id="5" class="owoc">ogorek</div>
    <div id="4" class="owoc">mango</div>
    <div id="3" class="owoc">seler</div>
    <div id="2" class="owoc">cebula</div>
    <div id="1" class="owoc">kiwi</div>
</div>
<button onclick="sortABC()">sortuj alfabetycznie</button>