Maison > interface Web > js tutoriel > JavaScript obtient la taille des éléments et les compétences d'opération de taille summary_javascript

JavaScript obtient la taille des éléments et les compétences d'opération de taille summary_javascript

WBOY
Libérer: 2016-05-16 16:12:28
original
993 Les gens l'ont consulté

1. Obtenez le style en ligne de l'élément

Copier le code Le code est le suivant :

var obj = document.getElementById("test");
alert(obj.height "n" obj.width);
// 200px 200px typeof=string affiche simplement la valeur dans l'attribut style

2. Obtenez le style calculé

Copier le code Le code est le suivant :

var obj = document.getElementById("test");
var style = nul;
si (window.getComputedStyle) {
Style = window.getComputedStyle(obj, null); // Non-IE
} autre {
Style = obj.currentStyle; // IE
>
alert("width=" style.width "nheight=" style.height);

Remarque : si la largeur et la hauteur de l'élément ne sont pas définies, la largeur et la hauteur par défaut seront renvoyées dans les navigateurs non IE. Renvoie la chaîne automatique

sous IE

3. Obtenez les styles écrits dans les balises et