呵呵，，不知道你会不会JQUERY，给你一个JQ的代码吧：
获取IMG绝对X,Y坐标，可以用offset()方法：
var X = $('#img1')offset()top;
var Y = $('#img1')offset()left;
var X = $('#img1')position()top;
var Y = $('#img1')position()left;
多端阅读《javascript教程》:
在PC/MAC上查看：下载w3cschool客户端，进入客户端后通过搜索当前教程手册的名称并下载，就可以查看当前离线教程文档。下载javascript教程离线版客户端
在手机APP上查看：请从各大安卓应用商店、苹果App Store搜索并下载w3cschool手机客户端，在App中搜索当前教程手册的名称查看。下载w3cschool手机App端
在手机上查看文档：>
手册简介:
JavaScript 是世界上最流行的脚本语言。 JavaScript 是属于 web 的语言，它适用于 PC、笔记本电脑、平板电脑和移动电话。 JavaScript 被设计为向 HTML 页面增加交互性。 许多 HTML 开发者都不是程序员，但是 JavaScript 却拥有非常简单的语法。几乎每个人都有能力将小的 JavaScript 片段添加到网页中。
手册说明:
Javascript，从“最被误解的语言”，最后神奇地转变成为“最流行的语言”，证明它经受得起时间的考验。虽然单独来看，它的交互设计有些失败，但是加上Ajax的完美配合，javascript就成了一款轻便并且又实用的好语法。
如果您想要更高效、更系统地学会javascript，您最好采用边学边练（javascript微课）的学习模式。
如果您觉得javascript的学习难度较高，不易理解，建议您采用视频教程进行学习：javascript视频课程
接下来让我们静下心来，翻开这本关于Javascript的教程，你可以学习到JavaScript 代码规范、JavaScript 函数撰写、javascript 正则表达式、JavaScript 逻辑运算等基础内容，除此之外，本书还有进阶的Javascript高级教程，最好在熟读前面的基础知识之后，再考虑继续之后的教程。
高级教程当中包含的内容有很重要的JavaScript 对象介绍，JavaScript Window对象模型介绍，JavaScript 库以及JavaScript 实例等等，每一个章节都值得细细研读。
学完本教程之后，建议您进行javascript实战来巩固您学到的知识。
1、拖动后记录x,y值
给div加上mousePosition事件
function mousePosition(evt){
evt = evt || windowevent;
return {
x : evtclientX + documentbodyscrollLeft - documentbodyclientLeft,
y : evtclientY + documentbodyscrollTop - documentbodyclientTop
}
}
2、打开页面div定位
$(“div”)attr("top",y)attr("left",x);
扩展资料
在用js获取元素的位置之前，元素在页面的位置的计算公式，如下：
元素在页面的位置=此元素相对浏览器视窗的位置+浏览器滚动条的值；
用getBoundingClientRect()方法来获得某个元素相对浏览器视窗的位置 ｛这个方法返回的是一个对象，即Object，该对象具有4个属性：top，left，right，bottom ｝。
<html >
<head>
<meta >
<title>Demo</title>
</head>
<body style="width:2000px; height:1000px;">
<div id="demo" style="position:absolute; left:518px; right:100px; width:500px; height:500px;
background:#CC0000; top: 114px;">Demo为了方便就直接用绝对定位的元素</div>
</body>
</html>
<script>
documentgetElementById('demo')onclick=function (){
if (documentdocumentElementgetBoundingClientRect) {
alert("left:"+thisgetBoundingClientRect()left)
alert("top:"+thisgetBoundingClientRect()top)
alert("right:"+thisgetBoundingClientRect()right)
alert("bottom:"+thisgetBoundingClientRect()bottom)
var X= thisgetBoundingClientRect()left+documentdocumentElementscrollLeft;
var Y = thisgetBoundingClientRect()top+documentdocumentElementscrollTop;
alert("Demo的位置是X:"+X+";Y:"+Y)
}
}
</script>
1、新建一个html文件。
2、在html页面上创建一个点击的button按钮。
3、为button添加点击时创建一个新的div事件。使用documentcreateElement("div")创建一个新的div，然后使用innerHTML对新建的div设置内容，最后把div放到<body>显示。
4、为button按钮添加点击是创建新div事件。
5、保存好html文件后使用浏览器打开，点击button按钮会执行已经写好的创建div的事件。
for循环，例如
var k;
for(var i=0;i<arrayNamelength;i++){
if(k==arrayName[i]) return i;
}
以上就是关于请问用javascript 怎样获得 div中的img的坐标全部的内容，包括:请问用javascript 怎样获得 div中的img的坐标、js怎么获取数组中元素的位置、js获取div到body左侧距离等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）