თვისება offsetWidth
თვისება offsetWidth შეიცავს ელემენტის სრულ
სიგანეს (მოიცავს თავად ელემენტის სიგანეს,
საზღვრების სიგანეს, შიდა ველებს,
გადახვევის ზოლებს):
სინტაქსი
ელემენტი.offsetWidth;
მაგალითი
მოდით გავიგოთ ელემენტის სრული ზომა:
<div id="elem"></div>
#elem {
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
კოდის შესრულების შედეგი:
150
მაგალითი
თუ ელემენტი დამალულია, მაშინ offsetWidth
უდრის 0:
<div id="elem"></div>
#elem {
display: none; /* დამალული ელემენტი */
width: 100px;
height: 100px;
padding: 15px;
border: 10px solid black;
}
let elem = document.querySelector('#elem');
console.log(elem.offsetWidth);
კოდის შესრულების შედეგი:
0
იხილეთ აგრეთვე
-
თვისება
clientWidth,
რომელიც შეიცავს ელემენტის სიგანეს საზღვრების შიგნით -
თვისება
offsetHeight,
რომელიც შეიცავს ელემენტის სრულ სიმაღლეს -
მეთოდი
getComputedStyle,
რომელიც იღებს ელემენტის CSS თვისების მნიშვნელობას
