元素在DOM树中的绝对位置

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了元素在DOM树中的绝对位置相关的知识,希望对你有一定的参考价值。

a function that returns the absolute position in DOM tree. jQuery based
  1. myId = function(me){ return me.id ? '#' + me.id : '' }
  2. myTag = function(me){ return me.tagName ? me.tagName.toLowerCase() : '' }
  3. myClass = function(me){ return me.className ? '.' + me.className.split(' ').join('.') : '' }
  4.  
  5. breadcrumbs = function(me){
  6. var path = [myTag(me) + myId(me) + myClass(me)];
  7. $(me).parents().each(function() {
  8. path[path.length] = myTag(this) + myId(this) + myClass(this);
  9. });
  10. return path.join(' < ');
  11. }
  12.  
  13. $('body').click( function(){
  14. alert( breadcrumbs(this) );
  15. });

以上是关于元素在DOM树中的绝对位置的主要内容,如果未能解决你的问题,请参考以下文章

在 dom 树中的特定位置推送动态创建的删除元素

使用javascript在dom树中向上或向下移动一个元素

JS中获取 DOM 元素的绝对位置实例详解

访问树中的所有元素(DOM)

使用 JavaScript 获取 2 个 DOM 元素之间的相对位置

关于CSS的个人理解