<div 增加屬性 js
<div標簽是HTML中最常用的元素之一，用于創建一個容器，制定一個獨立的區域。通過增加屬性，可以為<div>元素添加更多的功能和樣式。在JavaScript中，可以使用不同的方法動態地向<div>元素增加屬性。
有幾種常用的方法可以用來增加<div>元素的屬性，下面將通過幾個代碼案例進行詳細說明。
案例1：通過setAttribute()方法增加屬性

<div id="sampleDiv"></div>
<script>
var divElement = document.getElementById("sampleDiv");
divElement.setAttribute("class", "highlight");
</script>

在這個案例中，我們通過id獲取了一個<div>元素，然后使用setAttribute()方法為其增加了一個名為"class"的屬性，并將其值設為"highlight"。這樣，該<div>元素就被設置為一個"highlight"類。您可以根據需要修改屬性的名稱和值。
案例2：直接修改屬性

<div id="sampleDiv"></div>
<script>
var divElement = document.getElementById("sampleDiv");
divElement.className = "highlight";
</script>

這個案例中，我們使用了直接修改屬性的方法。通過將<div>元素的className屬性設置為"highlight"，我們實現了與案例1中相同的效果。這種方法比使用setAttribute()更簡潔，并且只能修改元素的class屬性。
案例3：使用classList增加類

<style>
.highlight {
background-color: yellow;
}
</style>
<div id="sampleDiv"></div>
<script>
var divElement = document.getElementById("sampleDiv");
divElement.classList.add("highlight");
</script>

在這個案例中，我們在CSS中定義了一個類.highlight，其中指定了一個黃色的背景顏色。然后，我們使用了classList對象的add()方法將該類應用到<div>元素上。這樣，該<div>元素的背景顏色將變為黃色。
以上是三個常用的方法來增加<div>元素的屬性。您可以根據具體的需求選擇適合您的方法。無論是使用setAttribute()、直接修改屬性，還是使用classList對象，都可以靈活地為<div>元素增加屬性，并實現更多樣的功能和效果。