Хосияти offsetWidth

Хосияти offsetWidth бараии комили унсурро дар бар мегирад (бараии худи унсур, бараии сархадҳо, ҷойҳои дохилӣ, наворҳои гардишро дар бар мегирад):

Синтаксис

javascriptунсур.offsetWidth;

Намуна

Биёед андозаи комили унсурро бидонем:

html<div id="elem"></div>
css#elem {
  width: 100px;
  height: 100px;
  padding: 15px;
  border: 10px solid black;
}
javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetWidth);

Натиҷаи иҷрои рамз:

javascript150

Намуна

Агар унсур пинҳон бошад, он гоҳ offsetWidth ба 0 баробар аст:

html<div id="elem"></div>
css#elem {
  display: none; /* унсури пинҳон */
  width: 100px;
  height: 100px;
  padding: 15px;
  border: 10px solid black;
}
javascriptlet elem = document.querySelector('#elem');
console.log(elem.offsetWidth);

Натиҷаи иҷрои рамз:

javascript0

Инчунин бубинед

  • хосияти clientWidth,
    ки бараии унсурро дар дохили сархадҳо дар бар мегирад
  • хосияти offsetHeight,
    ки баландии комили унсурро дар бар мегирад
  • методи getComputedStyle,
    ки қимати хосияти CSS-и унсурро мегирад