代码描述:javascript clientLeft和clientTop属性。javascript clientLeft和clientTop属性简单介绍
本章节介绍一下的clientLeft和clientTop属性的用法,它们在某些dom操作中会起着重要的作用。 clientLeft属性会返回元素的左侧内边距的外侧距离元素左边框外侧的尺寸。 clientTop属性会返回元素的顶内边距的外侧距离元素顶部边框外侧的尺寸。 代码实例:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="https://www.51qianduan.com/" /> <title>51前端</title> <style type="text/css"> #show{ width:100px; height:100px; margin:100px; padding:15px; border:10px solid red; } </style> <script type="text/javascript"> window.onload=function(){ var oshow=document.getElementById("show"); oshow.innerHTML="clientLeft"+oshow.clientLeft+"<br/>"+ "clientTop"+oshow.clientTop; } </script> </head> <body> <div id="show"></div> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能