站長資訊網(wǎng)
在JavaScript中，可用style對象的border屬性來隱藏元素的邊框，border屬性可以在一個聲明中設(shè)置所有邊框?qū)傩?，?dāng)屬性值設(shè)置為“none”時，邊框就會隱藏，語法為“元素對象.style.border="none";”。
本教程操作環(huán)境：windows10系統(tǒng)、javascript1.8.5版、Dell G3電腦。
javascript怎樣隱藏元素邊界
Style 對象代表一個單獨的樣式聲明?？蓮膽?yīng)用樣式的文檔或元素訪問 Style 對象。
使用 Style 對象屬性的語法：
document.getElementById("id").style.property="值"
border 屬性在一個聲明中設(shè)置所有邊框?qū)傩浴?/p>
語法：
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>
輸出結(jié)果：
【
