js获取div的x坐标，js获取div的位置

js判断鼠标位置是否在某个div中

1、声明一个变量（如el），用来存放鼠标所在的元素节点。在body元素上增加一个鼠标事件监听 使用事件对象中的target属性，每当鼠标经过一个元素时，就把它赋值给el变量 任何时候，读取el变量的值即为鼠标当前所在的元素。

2、这个可以利用 JS 的事件传递的特性，在body捕获到页面的所有的鼠标进入事件，并获取到触发事件的最底层的元素。这样你就知道鼠标当前处在那个元素中了。

3、有好几和方法，1，用onmouseout 2，用x.event，y.event取得当前鼠标的坐标。

相关问答

Q1: 用JS实现,将一个DIV的坐标赋给另一个DIV。先谢谢各位了!

1、首先获取到numlist标签下a标签的href，然后赋值给类名为pull-left的a标签。

2、新建一个html文件。在html页面上创建一个点击的button按钮。为button添加点击时创建一个新的div事件。使用document.createElement(div)创建一个新的div，然后使用innerHTML对新建的div设置内容，最后把div放到body显示。为button按钮添加点击是创建新div事件。

3、该方法将复制并返回调用它的节点的副本。如果传递给它的参数是 true，它还将递归复制当前节点的所有子孙节点。否则，它只复制当前节点。返回的节点不属于文档树，它的 parentNode 属性为 null。当复制的是 Element 节点时，它的所有属性都将被复制。但要注意，当前节点上注册的事件监听器函数不会被复制。

4、使用JavaScript给html中的一个div的属性赋值可以使用jquery的attr()方法来实现。jquery的attr()方法允许两个参数，如果值给一个参数则返回的是元素的属性的值，两个参数可以设置一个元素属性的值为第二个参数。

Q2: js拖动div,显示坐标怎样相对于父层

1、利用js代码首先创建一个div，document.createElement(div)确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。确定位置之后，显示div即可。DIV层的相对位置是对于此DIV的上下左右的容器决定的。

2、可以通过offset - 坐标来设置定位 类型：String/Array，默认：auto默认垂直水平居中。但当你只想定义top时，你可以offset： 100px。当您top、left都要定义时，你可以offset： [100px， 200px]。除此之外，你还可以定义offset： rb，表示右下角。其它的特殊坐标，你可以自己计算赋值。

3、利用js代码首先创建一个div，document.createElement(div)； 确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。 确定位置之后，显示div即可。

4、绝对定位：选取其最近的父级定位元素，当父级 position 为 static 时，absolute元素将以body坐标原点进行定位，可以通过z-index进行层次分级。表现方式不同 相对定位：对一个元素进行相对定位，它将出现在它所在的位置上。可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。

5、div.style.cssText=position：absolute；left：0；top：0；width：500px； height：100px； z-index：1；background-color： #ffffff； layer-background-color： #ffffff；不过我估计可能实现不了，因为你毕竟是在子页面中。

Q3: 原生JS获取页面中DIV绝对位置的方法

1、getBoundingClientRect用于获取某个元素 相对于视窗 的位置集合。集合中有top， right， bottom， left等属性。offsetLeft指的是元素相对于 版面或 由 offsetParent 属性指定的 父坐标 的计算上侧位置，整型，单位像素。

2、新建一个html文件。在html页面上创建一个点击的button按钮。为button添加点击时创建一个新的div事件。使用document.createElement(div)创建一个新的div，然后使用innerHTML对新建的div设置内容，最后把div放到body显示。为button按钮添加点击是创建新div事件。

3、使用 DIV 的方法跟使用其他 tag 的方法一样： DIVThis is a DIV tag ./DIV 如果单独使用 DIV 而不加任何 CSS-P， 那么它在网页中的效果和使用 P/P 是一样的。 但当我们把 CSS-P 用到 DIV 中去以后，我么就可以严格设定它的位置。

4、方法一：定义div的宽度，添加样式边距：0auto 示例：标签常用于组合块级元素，以便通过样式表来对这些元素进行格式化。p可定义文档中的分区或节(pision/section)。DIV是块状标签，它里边可以放置TABLE等各种模块。

5、div的位置可以直接用offsetLeft或者offsetTop属性获取。

Q4: js如何获取div中的数据?

首先，打开html编辑器，新建html文件，例如：index.html，填充问题基础代码。在index.html中的script标签中，输入js代码：var id = $(div).attr(id)；document.body.innerText = id；。浏览器运行index.html页面，此时取到了div的id并成功打印出了。

思路：通过id可以获取到div对象，通过getAttribute()和innerHTML分别可以获取div对象的自定义属性和文本内容。

下面是个简单的小例子：bodydiv style=width：100px； height：100px； border：1px solid #ccc；a href=#111111/a /div/bodyscriptvar oDiv = document.getElementsByTagName(div)[0]；alert(oDiv.innerHTML)； //这样就可以获取div标签里面所有的内容。

Q5: 通过js怎么获得div的位置

1、样式 getBoundingClientRect用于获取某个元素 相对于视窗 的位置集合。集合中有top， right， bottom， left等属性。offsetLeft指的是元素相对于 版面或 由 offsetParent 属性指定的 父坐标 的计算上侧位置，整型，单位像素。

2、新建一个html文件。在html页面上创建一个点击的button按钮。为button添加点击时创建一个新的div事件。使用document.createElement(div)创建一个新的div，然后使用innerHTML对新建的div设置内容，最后把div放到body显示。为button按钮添加点击是创建新div事件。

3、你将js引入到jsp中，代码：(一般写在head标签内)script type=text/javascript src=js/script 这样，就可以把两个文件看成一个文件来处理了，那么在js中直接查找jsp中的div为：var divObj = document.getElementById(name1)；divObj就是你的div了。

4、利用js代码首先创建一个div，document.createElement(div)； 确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过left/top等属性控制。 确定位置之后，显示div即可。

关于js获取div的x坐标和js获取div的位置的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。