JavaScript 元素在DOM树中的绝对位置

Posted 2021-05-20

tags:

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

myId = function(me){ return me.id ? '#' + me.id : '' }
myTag = function(me){ return me.tagName ? me.tagName.toLowerCase() : '' }
myClass = function(me){ return me.className ? '.' + me.className.split(' ').join('.') : '' }

breadcrumbs = function(me){
  var path = [myTag(me) + myId(me) + myClass(me)];
  $(me).parents().each(function() {
          path[path.length] = myTag(this) + myId(this) + myClass(this);
  });
  return path.join(' &lt; ');
}

$('body').click( function(){
  alert( breadcrumbs(this) );
});

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

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

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

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

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

JavaScript DOM

访问树中的所有元素（DOM）