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