HTML DOM Element clientLeft-ominaisuus

määritelmä ja käyttö

clientLeft ominaisuus palauttaa elementin vasemman reunan leveys, kuvioissa.

clientLeft ominaisuus ei sisällä elementin vasemman sisä reunan tai ulko reunan.

clientLeft ominaisuus on vain luku.

huomautus：style.borderLeftWidth-ominaisuuspalauttaa myös elementin vasemman reunan leveys.

katso myös：CSS-rakennetyyppikurssi

katso myös：

clientTop-ominaisuus

clientWidth-ominaisuus

clientHeight-ominaisuus

offsetLeft-ominaisuus

offsetTop-ominaisuus

esimerkki

esimerkki 1

näytä myDIV:n ylä- ja vasemman reunan leveys:

const elmnt = document.getElementById("myDIV");
let text = "Border top width: " + elmnt.clientTop + "px<br>";
text += "Border left width: " + elmnt.clientLeft + "px";

kokeile itse

esimerkki 2

tässä esimerkissä, "myDIV"-tekstin suunta on oikealta vasemmalle ja sillä on roolipalkki:

let left = document.getElementById("myDIV").clientLeft;

kokeile itse

syntaksi

element.clientLeft

palautusarvo

tyyppi kuvaus
luku elementin vasemman reunan leveys, kuvioissa.

selaimen tuki

kaikki selaimet tukevat element.clientLeft：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
tukee tukee tukee tukee tukee tukee