HTML DOM clientLeft Propiedad

元素对象参考手册Objeto de elemento

Ejemplo

Obtener el ancho de los bordes superior e izquierdo del elemento div:

var elmnt = document.getElementById("myDIV"); var txt = "Ancho del borde superior:" + elmnt.clientTop + "px<br>"; txt += "Ancho del borde izquierdo:" + elmnt.clientLeft + "px";

Pruébalo »

Definición y uso

clientLeft representa el ancho del borde izquierdo de un elemento, expresado en píxeles. Si la dirección del texto del elemento es de derecha a izquierda (RTL, right-to-left), y debido al desbordamiento del contenido aparece una barra de desplazamiento vertical a la izquierda, esta propiedad incluye el ancho de la barra de desplazamiento.

clientLeft no incluye el margen exterior izquierdo ni el relleno interior izquierdo.

Consejo:Puedes usarstyle.borderLeftWidthla propiedad para obtener el ancho del borde izquierdo del elemento.

Consejo:Para devolver el ancho del borde superior del elemento, puedes usarclientTopla propiedad.

clientLeft es de solo lectura.

Compatibilidad del navegador

Propiedad
clientLeft Yes Yes Yes Yes Yes

Sintaxis

element.clientLeft

Detalles técnicos

Valor de retorno: Devuelve un entero que representa el ancho del borde izquierdo del elemento.

Más ejemplos

Ejemplo

El siguiente ejemplo, la dirección del texto del elemento div es de derecha a izquierda, y tiene una barra de desplazamiento:

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

Pruébalo »

元素对象参考手册Objeto de elemento

Otras extensiones