So legen Sie die Breite und Höhe eines Elements in Javascript fest

So legen Sie die Breite und Höhe von Elementen in JavaScript fest: 1. Ermitteln Sie die Breite und Höhe des HTML-Elements. 2. Legen Sie die Breite und Höhe des Elements über „main.style.width“ und „main.style“ fest. Höhe".

Die Betriebsumgebung dieses Artikels: Windows7-System, Javascript-Version 1.8.5, DELL G3-Computer

Wie stelle ich die Breite und Höhe von Elementen mit Javascript ein?

JS Ermitteln Sie die Breite und Höhe von HTML-Elemente und legen Sie die Breite und Höhe fest height auf keinen Fall, während die zweite Methode nur die in HTML-Breite und -Höhe definierte Breite und Höhe abrufen kann, nicht jedoch die in CSS definierte Breite und Höhe.

Breite und Höhe einstellen

 var width = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var height = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;

Es gibt und nur diese Methode, die folgende Methode ist nicht durchführbar, Firefox-Test.

// 首先是取到元素
var main = document.getElementById('main');
// 第一种方式
var mainWidth = main.offsetWidth,
mainHeight = main.offsetHeight;
// 第二种方式
var mainWidth2 = main.style.width,
mainHeight2 = main.style.height;

Empfohlenes Lernen: „

JavaScript-Grundlagen-Tutorial

“

Das obige ist der detaillierte Inhalt vonSo legen Sie die Breite und Höhe eines Elements in Javascript fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!