javascript怎麼隱藏元素邊框
- WBOY原創
- 2022-01-17 18:02:161535瀏覽
在JavaScript中，可用style物件的border屬性來隱藏元素的邊框，border屬性可以在一個宣告中設定所有邊框屬性，當屬性值設定為「none」時，邊框就會隱藏，語法為「元素物件.style.border="none";」。
本教學操作環境：windows10系統、javascript1.8.5版、Dell G3電腦。
javascript怎麼隱藏元素邊界
Style 物件代表一個單獨的樣式宣告。可從套用樣式的文件或元素存取 Style 物件。
使用 Style 物件屬性的語法：
document.getElementById("id").style.property="值"border 屬性在一個宣告中設定所有邊框屬性。
語法：
Object.style.border=borderWidth borderStyle borderColor
範例如下：
<html>
<head>
<meta charset="utf-8">
<title>123</title>
<script>
function displayDate(){
document.getElementById('demo').style.border= "none";
}
</script>
</head>
<body>
<p id="demo" style="border:5px solid #000;">这是一个段落</p>
<button type="button" onclick="displayDate()">去除</button>
</body>
</html>#輸出結果：
【相關推薦： javascript學習教學】
以上是javascript怎麼隱藏元素邊框的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn