Javascript获取元素的坐标

如何获得元素在页面中的坐标

HTML所有的元素都具有下面这5个只读属性

offsetLeft

元素边框距页面左边界的距离

offsetTop

元素边框距页面上边界的距离

offsetWidth

元素的宽度（左右边框的跨度）

offsetHeight

元素的高度（上下边框的跨度）

offsetParent

返回已经定位的祖先元素，如果没有，则返回body或null。

时间： 2024-12-14 12:56:15

Javascript获取元素的坐标的相关文章

JavaScript获取元素样式

原生的JavaScript获取写在标签内部的样式很简单: <div class="test" id="test" style="width:100px;">test</div> <script type="text/javascript"> window.onload=function(){ var oTest=document.getElementById("test"

javascript 获取元素样式的方法

javascript 获取元素样式常用方法. Javascript获取CSS属性值方法:getComputedStyle和currentStyle 1 .对于元素的内联CSS样式(<div style="color:#369">hello</div>),可以直接使用element.style.color来直接获取css属性的值: 2. 但是对于外部定义的css样式使用这种方式就无法获取了,而且IE浏览器和其他标准浏览器(Firefox,Chrome,Opera,

JavaScript获取元素的方式总结

JavaScript有三种获取DOM元素的方式:id名.类名和标签名. 1. getElementById ?通过id属性来获取对应节点对象,只有一个输入参数(id名),返回一个对象. document.getElementById("container"); alert(typeof document.getElementById("container"));//typeof获取返回值类型 2. getElementsByTagName ?通过标签名获取对应节点对

JavaScript获取元素尺寸和大小操作总结

一.获取元素的行内样式 复制代码 代码如下: var obj = document.getElementById("test"); alert(obj.height + "\n" + obj.width); // 200px 200px typeof=string只是将style属性中的值显示出来 二.获取计算后的样式 复制代码 代码如下: var obj = document.getElementById("test"); var style

javascript 获取元素相对于浏览器的位置 ie 5，6，7，8，9，10 测试通过

//获取元素相对于浏览器的位置 getPosition: function (el) { _x = 0, _y = 0; while (true) { //todo 由于 获取td tr的offsetTop 值都是一样 所以要过滤处理 if (el.tagName == "TR") { el = el.parentNode; continue; } _x += el.offsetLeft; _y += el.offsetTop; if (el.tagName == 'BODY') br

Javascript&#183;获取元素、设置属性

有3种DOM方法可获取元素节点,分别通过ID.标签名.类名来获取. 1.getElementsById 通过id来访问元素,注意开头字母不是写成大写,如果把它写错成"GetElementById",是无效的. document.getElementsById( id ) 这个id值必须写在单引号或者双引号里面 2.getElementsByTagName getElementsByTagName 通过标签名来访问元素,方法返回一个对象数组,每个对象分别对应着文档里有着给定标签的一个元素

JavaScript 获取元素样式属性以及兼容代码封装

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } div { width: 300px; height: 200px; background-color: pink; left: 100px; } <

javascript 获取元素宽高

style.width,clientWidth,offsetWidth <!doctype html> <html> <head> <meta charset="utf-8"> <title>document</title> <style> div{ padding:40px 50px;} #div1 { background:red;} #div2 { background:blue; positio

[TimLinux] JavaScript 获取元素节点的5种方法

1. getElementById document.getElementById("id_value") # 返回值为Node对象,没有元素时,返回 == undefined值(两个等号) 2. getElementsByName document.getElementsByName("name_value") # 返回值为NodeList数组,没有元素时,返回空数组[] 3. getElementsByTagName document.getElementsBy