Heim >Web-Frontend >js-Tutorial >So ändern Sie die Breite und Höhe von Elementen in Javascript
So ändern Sie die Breite und Höhe von Elementen in Javascript
- 青灯夜游Original
- 2021-11-08 17:08:585536Durchsuche
Änderungsmethode: 1. Verwenden Sie die Anweisung „getElementById()“, um das Elementobjekt basierend auf dem ID-Wert abzurufen. 2. Verwenden Sie „element object.setAttribute(“style“, „width: width value; height: height value“. ;")"-Anweisung zum Ändern der Elementbreite und -höhe.
Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.
In Javascript können Sie die Methode setAttribute() verwenden, um die Breite und Höhe von Elementen zu ändern. Die Methode
setAttribute() fügt dieses angegebene Attribut hinzu und weist ihm den angegebenen Wert zu. Wenn diese angegebene Eigenschaft bereits vorhanden ist, wird der Wert nur gesetzt/geändert.
Grammatik:
元素对象.setAttribute('属性','属性值');
Implementierungscode:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<style type="text/css">
div{
border: 1px solid red;
}
</style>
</head>
<body>
<div id="div" style="width: 200px;height: 200px;"></div>
<script>
var div=document.getElementById("div");
div.setAttribute("style","width: 100px;height: 100px;");
</script>
</body>
</html>Rendering:
[Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene]
Das obige ist der detaillierte Inhalt vonSo ändern Sie die Breite und Höhe von Elementen in Javascript. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!