那将再次来到2的平方根差没有多少是 1.414.
语法

突发性供给基于要求动态设置div的体裁,当然对于稍有经历的javascript开荒者来说,这一切都是那么的粗略,不过对于初学者恐怕说未有相关经历的开辟者来讲恐怕就是八在这之中等的难处,下边就由此实例简要介绍一下怎样落到实处此功效。

正文实例叙述了js完成获取div坐标的措施。分享给我们供大家参谋,具体如下:

本文实例陈诉了JS获取三个鲜为人知DIV中度的办法。分享给大家供大家参照他事他说加以考察,具体如下:

Math.SQRT2

代码实比如下:

html中最常使用的控件正是div了,那么怎么着获取div的坐标呢?

通过元素的clientHeight属性能够获取成分的莫斯科大学,如:

例子:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<head>
<title>动态设置div的样式</title>
<style type="text/css">
div{
 width:50px;
 height:50px;
 background:red;
 margin-top:10px;
}
.bg{
 background-color:blue;
}
</style>
<script type="text/javascript">
window.onload=function(){
 var firstDiv=document.getElementById("firstDiv");
 var secondDiv=document.getElementById("secondDiv");
 var first=document.getElementById("first");
 var second=document.getElementById("second");
 first.onclick=function(){
   firstDiv.style.backgroundColor="green";
 }
 second.onclick=function(){
   secondDiv.className="bg";
 }
}
</script>
</head>
<body>
<div id="firstDiv"></div>
<div id="secondDiv"></div>
<input type="button" value="使用style方式" id="first" />
<input type="button" value="使用className方式" id="second" />
</body>
</html> 

如下方法能够兑现:

var height = element.clientHeight;
<html>
<head>
<title>JavaScript Math SQRT2 Property</title>
</head>
<body>
<script type="text/javascript">
  var property_value = Math.SQRT2
  document.write("Property Value is : " + property_value); 
</script>
</body>
</html>

以上代码实现了大家的渴求,可是是用了三种方式,一种是style情势,一种是className格局。

/***
 * 获取div的坐标
 * @param divObj
 * @returns {{width: number, height: number, left: *, top: Window}}
 */
com.whuang.hsj.divCoordinate=function(divObj){
  if(typeof divObj == 'string'){
    divObj=com.whuang.hsj.$$id('divObj');
  }
  return {'width':divObj.offsetWidth,'height':divObj.offsetHeight,
    'x':divObj.offsetLeft,'y':divObj.offsetTop,
    'scrollLeft':com.whuang.hsj.getScroll().left,'scrollTop':com.whuang.hsj.getScroll().top};
}
// Cross browser gets the position of scroll
com.whuang.hsj.getScroll=function(){
  return {
    top:document.documentElement.scrollTop || document.body.scrollTop, 
    left:document.documentElement.scrollLeft || document.body.scrollLeft 
  }
}

这种做法的受制: