Méthode JS pour obtenir la largeur et la hauteur réelles de l'élément HTML

Le premier cas est que la largeur et la hauteur sont écrites dans la feuille de style, telles que # div1 {largeur: 120px;}. Dans ce cas, la largeur ne peut pas être obtenue via # div1.style.Width, mais la largeur peut être obtenue via # div1.offsetWidth.

Le deuxième cas est que la largeur et la hauteur sont écrites dans la ligne, telles que style = "largeur: 120px;", auquel cas, la largeur peut être obtenue par les deux méthodes ci-dessus.

Résumé, car id.offsetwidth et id.offsetheight ignorez le style écrit dans la feuille de style ou dans la ligne, il est préférable d'utiliser ces deux attributs lorsque nous obtenons la largeur et la hauteur de l'élément. Notez que si les attributs écrits dans le style de ligne ne peuvent pas être obtenus via id.style.atrr.

De nos jours, la production frontale écrit rarement des styles directement dans le style, mais ils sont tous écrits avec des feuilles de style. Si le style que vous souhaitez obtenir ne correspond pas (simplement # div1.style.width correspond à # div1.offsetWidth), vous ne pouvez obtenir que les attributs de la feuille de style sans utiliser de navigateur. Vous pouvez essayer de rechercher "JS Get Style Properties".

Code:

 var o = document.getElementById ("View"); var h = o.offsetheight; // hauteur var w = o.offsetwidth; //Largeur

La méthode ci-dessus pour obtenir la largeur et la hauteur réelles de l'élément HTML dans JS est tout le contenu que je partage avec vous. J'espère que vous pourrez vous faire référence et j'espère que vous pourrez soutenir Wulin.com plus.