分类
最新内容

纯js获取父元素的索引 

                      
                            <
<html>
<head>
head>
<body>
<ul>
  <li>测试1li>
ul>
<ul>
  <li>测试2li>
ul>
<script type="text/javascript">
//打印一个对象
function obj2string(obj){ 
 var description = ""; 
 for(var i in obj){ 
 var property=obj[i]; 
 description+=i+" = "+property+"\n"; 
 } 
 alert(description); 
}
//遍历给li绑定事件
var objlen=document.getElementsByTagName('li').length;
var obj=document.getElementsByTagName('li');
for(var i=0;i<objlen;i++){
    obj[i].onclick = function(){
        alert(test(this.parentNode.offsetTop,this.parentNode.offsetLeft));
    };  
}
//遍历取得当前父元素的索引
function test(offsetTop,offsetLeft){
    var objlen=document.getElementsByTagName('ul').length;
    var obj=document.getElementsByTagName('ul');
    for(var i=0;i<objlen;i++){
        if(offsetTop==obj[i].offsetTop && offsetLeft==obj[i].offsetLeft){
            return i;
        }
    }
}
script>
body>
html>

>
2024-05-25 21:07:25