HTML DOM Element clientLeft-attribut

definition och användning

clientLeft egenskapen returnerar elementets vänstra ramens bredd, i pixlar.

clientLeft egenskapen inkluderar inte elementets vänstra inre marginal eller vänstra ytmarginal.

clientLeft egenskapen är skrivskyddad.

kommentar:style.borderLeftWidth-attributåterger också elementets vänstra ramens bredd.

se också:CSS rammodell教程

se också:

clientTop-attribut

clientWidth-attribut

clientHeight-attribut

offsetLeft-attribut

offsetTop-attribut

exempel

Exempel 1

visa bredden på övre och vänstra ramen för myDIV:

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

prova själv

Exempel 2

I detta exempel är textriktningen för "myDIV" från höger till vänster och den har en rullningslist:

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

prova själv

syntaks

element.clientLeft

återvärdet

typ beskrivning
nummer elementets vänstra ramens bredd, i pixlar.

webbläsarstöd

alla webbläsare stöder element.clientLeft：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
stödjer stödjer stödjer stödjer stödjer stödjer