Ⅰ JS先獲取元素輸出，再改變類名，為什麼輸出的元素是改變後的類名
在這段代碼中，首先使用 document.querySelector("div") 獲取了一個名為 a 的元素。然後，在後續的代碼中，將 a 元素的類名更改為 box2。
由於 JavaScript 代碼是在運行時執行的，而不是在編譯時執行的，因此更改類名的操作發生在 console.log(a) 之前，因此 a 元素現在具有 box2 類的值。
當 console.log(a) 被執行時，瀏覽器會列印出當前 a 元素的值，這通常是 <div class="box1"></div>,其中 class="box1" 表示該元素具有一個為"box1"的類名。在這個例子中，由於已將 a 元素的類名更改為 box2,因此瀏覽器會列印出 box2 的值，即 <div class="box2"></div>。
需要注意的是，更改元素的類名通常用於樣式表，而不是在 JavaScript 中更改元素的屬性。在 JavaScript 中，您可以使用 Element.classList.add() 和 Element.classList.remove() 方法來更改元素的類名。
這個例子中可以這樣試試：
let a=document.querySelector("div");
console.log(a);
a.classList.remove("box1")
a.classList.add("box2")
Ⅱ 用JS實現點擊任一按鈕只有那個按鈕顯示被按下去了
<script>
屬 varlast;
varbtns=document.querySelectorAll(".dropbtn");
for(vari=0;i<btns.length;i++){
btns[i].onclick=function(){
last?last.classList.remove("bak"):0;
this.classList.add("bak");
last=this;
};
}
</script>