寻找对象在父元素下的index
方法一、
window.onload=function(){
//寻找对象在父元素下的index
function getIndexParent(element){
var oParent=element.parentNode;
var oElement=oParent.children;
for(var i=0;i<oElement.length;i++){
oElement[i].index=i
}
alert(element.index);
}
getIndexParent(document.getElementById('zero')); //return 4
getIndexParent(document.getElementById('one')); //return 1
}
<ul>
<span id='span1'></span>
<li id='one'>1</li>
<li id='two'>2</li>
<li id='zero'>0</li>
<li id='four'>4</li>
</ul>
方法二、
//注意这里是具体的HTML元素，li为HTMLLIElement;div为HTMLDivElement;span为HTMLSpanElement
//寻找对象在父元素下的index
Object.prototype.__defineGetter__("indexOfParent",function(){
var oParent=this.parentNode;
var oElement=oParent.children;
for(var i=0;i<oElement.length;i++){
oElement[i].index=i
}
return this.index;
});
alert(document.getElementById('span1').indexOfParent);
最新文章
- 120项改进：开源超级爬虫Hawk 2.0 重磅发布！
- jquery插件——检测DOM元素是否在浏览器可视范围之内
- salesforce 零基础学习（五十二）Trigger使用篇（二）
- 使用 CSS3 动画实现的 3D 图片过渡特效
- TextBlock 格式化内容
- Google账户_GooglePlay_关联
- effective c++：virtual函数的替代方案
- iOS开发——数据持久化Swift篇&SettingBundle
- sublime text 2代码片段（Snippet）功能的使用
- （转载）php之call_user_func_array的简易用法
- fence repair（队列水过）
- loading 动画效果（收藏起来以后留着慢慢用）
- php中使用随机数
- phpstorm显示行号
- 【NOIP2015】子串（动态规划）
- 关系型数据库工作原理-高速缓存(翻译自Coding-Geek文章)
- 老男孩Python全栈学习 S9 日常作业 010
- 2018-2019-1 20165205 ch02 课下作业
- [leetcode]1. Two Sum两数之和
- 4，EasyNetQ-Request Response