javascript 怎样取得标签的位置?

Posted 2023-04-14

我想设置一个Pop的top,和left属性值. 位置是根据另一个标签的位置相对变化的. 不能用jquery, 请问javascript怎样能取得一个标签的位置(top,left)?

首先标签position要设置成相对、绝对定位
然后获取元素
var dom = document.getElementById("元素id")//你可以用其它方法获得
alert(dom.offsetLeft)//left
alert(dom.offsetTop)//top
这样就获得了，但是前提是它外层套的标签没有设置成相对、绝对定位的，否则位置是相对于那个标签的位置，这个就需要获取offsetParent 判断父级是谁了 参考技术A 请问你说的标签位置,是相对于父级或者文档的偏移量信息吗?
是的话就是取得style样式中的top或left属性. 参考技术B var odiv=document.getElementById(标签id);

alert(odiv.getBoundingClientRect().left);

alert(odiv.getBoundingClientRect().top); 参考技术C 参考文献：http://www.ruanyifeng.com/blog/2009/09/find_element_s_position_using_javascript.html 参考技术D var a=document.getElementById(标签id);

var b=document.getElementsByName(标签name);

两种方法

javascript中怎样区分元素和节点？

1、所谓元素，即html文档里面，所有的标签都可以称之为元素，比如说<p>、<tr>等，也就是说元素是个统称，一个文档里面有很多的元素。
2、所谓节点，是js为了对html文档进行操作，而开发的，即DOM，文档对象模型。即每个元素都可以称之为一个节点，节点是唯一的。
比方来说，《p》标签，肯定是一个p标签元素，那如果通过js对它进行样式控制的时候，就必须获取（找到）到这个元素，称之为节点，如果有好多元素，可以获得第1个、第2个或者第n个。

总之，元素是统称，节点是具有唯一性的。