Heim >Web-Frontend >Front-End-Fragen und Antworten >So verbergen Sie Elementränder in Javascript
So verbergen Sie Elementränder in Javascript
- WBOYOriginal
- 2022-01-17 18:02:161630Durchsuche
In JavaScript kann das Randattribut des Stilobjekts verwendet werden, um den Rand eines Elements auszublenden. Das Randattribut kann alle Randattribute in einer Anweisung festlegen. Wenn der Attributwert auf „none“ gesetzt ist, wird der Rand angezeigt versteckt. Die Syntax ist „element object“ .style.border="none";".
Die Betriebsumgebung dieses Tutorials: Windows 10-System, JavaScript-Version 1.8.5, Dell G3-Computer.
So verbergen Sie Elementränder in Javascript
Style-Objekt stellt eine einzelne Stilanweisung dar. Auf ein Style-Objekt kann über das Dokument oder Element zugegriffen werden, auf das der Stil angewendet wird.
Verwenden Sie die Syntax der Style-Objekteigenschaft:
document.getElementById("id").style.property="值"border-Eigenschaft, um alle Rahmeneigenschaften in einer Deklaration festzulegen.
Syntax:
Object.style.border=borderWidth borderStyle borderColor
Das Beispiel lautet wie folgt:
<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>Ausgabeergebnis:
[Verwandte Empfehlungen: Javascript-Lerntutorial]
Das obige ist der detaillierte Inhalt vonSo verbergen Sie Elementränder in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!