如何用js 获取一个div的坐标?
1、首先打开我们测试的编辑工具 我这里使用的是Eclipse。
2、首先我们新建一个测试项目然后新建一个index.html、basic.js和basic.css文件。
3、js修改html文件中div的style中值来修改div的高度 HTML文件中的文件代码。
4、接下来我们就使用js修改高度。
5、这时我们敲js中的代码 获取div1的id 使用css属性对应的style属性然后设置高度。
6、使用js修改CSS文件中的div的height的值 HTML文件中的代码。
7、样式表css文件中的代码如图所示 运行项目之后 你会看到两个div的高度是一样的。
8、然后我们是在js文件中获取div1的id属性 然后使用obj.style.cssTest来修改嵌入式的css。
9、然后运行项目之后 两次结果都是一样的 div的高度改变了 。
用js 获取一个div坐标的方法是什么?
js获取DIV的位置坐标的方法大概有两种:
第一种:编辑代码:var odiv=document.getElementById(‘divid’);
alert(odiv.getBoundingClientRect().left);
alert(odiv.getBoundingClientRect().top);
第二种:编辑代码function CPos(x, y) {this.x = x; this.y = y;} /*** 得到对象的相对浏览器的坐标*/ function GetObjPos(ATarget {var target = ATarget;var pos = new CPos(target.offsetLeft, target.offsetTop);var target =target.offsetParentwhile (target pos.x += target.offsetLeft pos.y += target.offsetTop; target = target.offsetParent }return pos; }var obj = document.getElementById(‘divid’) alert(GetObjPos(obj)[‘x’])//x坐标alert(GetObjPos(obj)[‘y’])//y坐标
SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN
javascript如何获取光标的坐标?
在获取当前鼠标坐标时因为参照物的不同,浏览器的兼容,导致在使用时总是觉得混乱,今天在看到一段总结整理下来,方便使用。
获得当前鼠标的坐标,根据参照物的不同,分为以下几套坐标系。
一套是以当前浏览器的可视区为参照物(clientX,clientY),另一套是以显示器的屏幕为参照物(screenX,screenY)。
此外微软还有一套坐标系(x,y),它是相对于触发事件的对象的offsetParent的。
火狐有另一套坐标系(pageX,pageY),它是相对于当前网页的。
1 var getPosition=function(e){
2 e=e||window.event;
3 var x=e.pageX||(e.clientX+(document.documentElement.scrollLeft||document.body.scrollLeft));
4 var y=e.pageY||(e.clientY+ (document.documentElement.scrollTop||document.body.scrollTop));
5 return {‘x’:x,’y’:y};
6 }