HTML DOM Element clientLeft-egenskaben

Definition og brug

clientLeft egenskaben returnerer bredden af elementets venstre kant, målt i pixels.

clientLeft egenskaben inkluderer ikke elementets venstre indre kant eller venstre ydre kant.

clientLeft egenskaben er skrivebeskyttet.

Bemærk:style.borderLeftWidth-egenskabenreturnerer også bredden af elementets venstre kant.

se også:CSS-firkantmodellen tutorial

se også:

clientTop-egenskaben

clientWidth-egenskaben

clientHeight-egenskaben

offsetLeft-egenskaben

offsetTop-egenskaben

eksempel

Eksempel 1

Vis bredden af den øverste og venstre kant af myDIV:

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

prøv det selv

Eksempel 2

I dette eksempel er tekstdirectionen for "myDIV" fra højre til venstre, og det har en rullemenu:

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

prøv det selv

syntaks

element.clientLeft

tilbageværdi

type beskrivelse
nummer bredden af elementets venstre kant, målt i pixels.

browserunderstøttelse

alle browsere understøtter element.clientLeft：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
understøtter understøtter understøtter understøtter understøtter understøtter