Heim >Web-Frontend >js-Tutorial >So legen Sie einen Div-Rahmen in Javascript fest

So legen Sie einen Div-Rahmen in Javascript fest

青灯夜游Original: 2021-06-30 17:19:247463Durchsuche

So legen Sie den div-Rahmen in JavaScript fest: Verwenden Sie zuerst „document.getElementById(„ID value“)“, um das angegebene div-Tag-Objekt abzurufen. Verwenden Sie dann die Anweisung „object.style.border="border width style color"". um die Div-Grenze festzulegen.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer. 🔜 Stellungnahme.

Syntax:

Object.style.border=borderWidth borderStyle borderColor

value
Description
value

borderWidth

Legt die Breite des Rahmens fest.

dünnfestBeispiel:

mittel	dick	Länge
	borderStyle	Legen Sie den Stil des Rahmens fest. keine versteckt gepunktet gestrichelt
doppelt	Nut	Steg Einsatz Anfang borderColor Legen Sie die Farbe des Rahmens fest. Farbname Farb-RGB Farb-Hex transparent
		<!DOCTYPE html> <html> <head> <style type="text/css"> div{ padding: 10px; margin: 10px; } </style> <script type="text/javascript"> function changeBorder() { document.getElementById("div1").style.border="thin dotted #FF0000"; } </script> </head> <body> <div id="div1">div元素，测试文本</div><br /><br /> <input type="button" onclick="changeBorder()" value="设置div边框" /> </body> </html> Rendering: 【 Verwandte Empfehlungen: Javascript-Lern-Tutorial 】

mittel

dick

Länge

borderStyle

Legen Sie den Stil des Rahmens fest.

keine
versteckt
gepunktet

gestrichelt

doppelt

Nut

Steg

Einsatz
Anfang
borderColor
Legen Sie die Farbe des Rahmens fest.
Farbname
Farb-RGB
Farb-Hex

transparent

<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div{ 
padding: 10px;
margin: 10px;
}
</style>
<script type="text/javascript">
function changeBorder()
{
document.getElementById("div1").style.border="thin dotted #FF0000";
}
</script>
</head>
<body>
<div id="div1">div元素，测试文本</div><br /><br />
<input type="button" onclick="changeBorder()" value="设置div边框" />
</body>
</html>

【 Verwandte Empfehlungen:
】

Das obige ist der detaillierte Inhalt vonSo legen Sie einen Div-Rahmen in Javascript fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

JavaScript 对象 border

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So ändern Sie HTML-Inhalte mit JavascriptNächster Artikel：So ändern Sie HTML-Inhalte mit Javascript

In Verbindung stehende Artikel

Mehr sehen