Javascript是一種強大的編程語言，它可以實現很多有趣的功能。今天我們來聊一聊如何用Javascript修改div邊框的樣式。 在實際的開發過程中，我們經常需要修改一個div元素的邊框樣式。比如說，我們想要將一個div元素的邊框顏色改成紅色，或者是將邊框的寬度加粗一些。這時候，我們就可以使用Javascript來實現這個需求。 首先，我們需要選中需要修改邊框樣式的div元素。我們可以使用document.getElementById()方法來獲取這個元素，然后再對它的style屬性進行修改。比如下面的例子中，我們選中了id為"box"的div元素，然后將它的邊框樣式修改為紅色。

修改div邊框顏色為紅色：

var box = document.getElementById("box"); 
box.style.border = "1px solid red";

上面的代碼中，我們通過getElementById方法獲取了id為"box"的div元素，然后將它的border屬性設置為"1px solid red"，其中"1px"表示邊框寬度為1像素，"solid"表示邊框樣式為實線，"red"表示邊框顏色為紅色。 除了修改邊框的顏色，我們還可以修改邊框的寬度和樣式。比如說，下面的例子中我們將邊框寬度加粗到3像素，并將邊框樣式修改為虛線：

修改div邊框寬度和樣式：

var box = document.getElementById("box"); 
box.style.borderWidth = "3px";
box.style.borderStyle = "dashed";

上面的代碼中，我們將div元素的borderWidth屬性設置為"3px"，表示邊框寬度為3像素；將borderStyle屬性設置為"dashed"，表示邊框樣式為虛線。 除了通過style屬性直接修改div元素的邊框樣式，我們還可以使用classList屬性來添加、刪除或切換div元素的class屬性，從而改變它的邊框樣式。比如下面的例子中，我們創建了兩個class樣式表，分別是"box"和"box-red"，其中"box"為默認樣式，"box-red"為紅色邊框樣式。然后我們將id為"box"的div元素的class屬性設置為"box-red"，從而將邊框顏色改為紅色。

使用classList切換div元素的class屬性：

.box {
width: 100px;
height: 100px;
border: 1px solid black;
}
.box-red {
border-color: red;
}
var box = document.getElementById("box");
box.classList.remove("box");
box.classList.add("box-red");

上面的代碼中，我們通過classList的remove和add方法來切換div元素的class屬性，從而改變它的邊框樣式。 總的來說，Javascript可以輕松地實現修改div元素的邊框樣式。我們可以直接通過style屬性來修改邊框的顏色、寬度和樣式，也可以通過classList屬性來切換class屬性，從而實現不同的邊框樣式。如果你需要實現更復雜的功能，還可以使用jQuery等流行的Javascript庫來簡化代碼。