JavaScript Element clientLeft 属性

• 

  JavaScript Element clientLeft 属性

  clientLeft属性返回元素左边框的宽度（以像素为单位）。此属性不包括元素的左margin或左padding 。此属性是只读的。

  提示：您还可以使用style.borderLeftWidth属性返回元素左边框的宽度。

  注意：对于Windows上的Chrome，Firefox和Opera，如果元素有滚动条（由CSS overflow属性设置），并且该元素的文本方向是从右到左（由CSS direction属性设置）， clientLeft属性包括垂直滚动条的宽度以及左边框宽度。但是，在IE中，它返回“0”。在Mac OS上，使用Safari，Chrome，Firefox或Opera，它仅返回左边框宽度。

  提示：要返回元素顶部边框的宽度，请使用clientTop属性。

  实例：

  获取<div>元素的顶部和左边框的宽度：

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

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  clientLeft	支持	支持	支持	支持	支持

• 

  语法

  element.clientLeft
• 

  技术细节

  项目	描述
  返回值：	一个数字，表示元素左边框的宽度，以像素为单位
  DOM版本	Core Level 1

• 

  更多例子

  在此示例中，<div>的文本方向是从右到左，它有一个滚动条：

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

  尝试一下