更新時間:2022-10-28 10:39:08 來源:動力節(jié)點 瀏覽1778次
要使用 JavaScript 更改 div 的邊框顏色,請獲取對元素的引用,并將所需的顏色值分配給element.style.borderColor屬性。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
</head>
<body>
<h2>Change Border Color of Div in JavaScript</h2>
<div id="myDiv" style="border:2px solid green">
<p>This is a paragraph in Div.</p>
<span>This is a span in Div.</span>
</div>
<br>
<button type="button" onclick="changeStyle()">Click Me</button>
<script>
function changeStyle(){
var element = document.getElementById("myDiv");
element.style.borderColor = "red";
}
</script>
</body>
</html>