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 සම්පත්තියක අගය ලබා ගනී
