Javascript 希望在底部添加索引值最低的按钮 abc def ghi 函数func（i）{ var btn=document.getElementsByClassName（“btn”）[i]； 控制台日志（btn）； btn.style.color=“红色”； }

我希望每次都添加新按钮，并希望在顶部显示它们。为了在顶部添加它们，我需要更改编号直到结束

---

任何解决办法。新按钮[i]如何显示在顶部

从末端开始计数的按钮数量中减去

函数func（i）{
var all_buttons=document.getElementsByClassName（“btn”）；
所有按钮[所有按钮.length-i-1].style.color=“red”；
}

abc
def
ghi

<button class="btn" onclick="func(0)" value="">abc</button>
<button class="btn" onclick="func(1)" value="">def</button>
<button class="btn" onclick="func(2)" value="">ghi</button>

<script type="text/javascript">
    function func(i){
        var btn= document.getElementsByClassName("btn")[i];
        console.log(btn);
        btn.style.color="red";
    }
</script>