Beispiel
Holen Sie die Breite eines <div> Element des oberen und linken Rand:
var elmnt = document.getElementById("myDIV");
var txt = "Border top
width: " + elmnt.clientTop + "px<br>";
txt += "Border left width: " +
elmnt.clientLeft + "px";Das Ergebnis der txt wird:
Border top width: 15px
Border left width: 10px Versuch es selber " Mehr "Try it Yourself" Sie "Try it Yourself" Beispiele unten.
Definition und Verwendung
Die clientTop Eigenschaft gibt die Breite der oberen Grenze eines Elements in Pixeln an.
Diese Eigenschaft gilt nicht für die Top-Polsterung oder oberen Rand des Elements.
Tipp: Sie können auch die Verwendung style.borderTopWidth Eigenschaft die Breite eines Elements oberen Rand zurückzukehren.
Tipp: Um die Breite des linken Randes eines Element zurückzukehren, verwenden Sie die Clientleft- Eigenschaft.
Diese Eigenschaft ist schreibgeschützt.
Browser-Unterstützung
| Eigentum | |||||
|---|---|---|---|---|---|
| clientTop | Ja | Ja | Ja | Ja | Ja |
Syntax
element .clientTopTechnische Details
| Rückgabewert: | Eine Zahl ist, die die Breite eines oberen Rand des Elements in Pixeln |
|---|