js获取子元素在父元素中的序号的方法

先创建一个div,其中包含不同类型的子元素

<div id="div_test" onclick="test()"><div>adasd</div><p>asxasx</p><a href="#">asxasxsaxs</a><p>dcascdscs</p>
</div>

编写点击某一个子元素，弹出其在父元素中排第几位的序号的js代码如下

function test(){var ele=event.target;var i=[].indexOf.call(document.getElementById('div_testall').children,ele);alert(i);
}

js获取子元素在父元素中的序号的方法相关推荐

JS获取子节点、父节点和兄弟节点的方法实例总结
本文实例讲述了JS获取子节点.父节点和兄弟节点的方法.分享给大家供大家参考,具体如下: 一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名 ...
JS获取子节点、父节点和兄弟节点的方法
一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名字.getElementsByTagName是一个方法.返回的是一个数组.在访问的时候要 ...
js父元素获取子元素img_JS获取子节点、父节点和兄弟节点的方法实例总结
本文实例讲述了JS获取子节点.父节点和兄弟节点的方法.分享给大家供大家参考,具体如下: 一.js获取子节点的方式 1. 通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名 ...
原生js获取指定标签的父元素
js是没有这个函数的,js只有.parentNode获取上一级的父元素.如果想用js获取指定标签的祖先元素,不想使用jq.下面是封装的函数,初学者自己写的,实测有效. //js获取指定标签的父元素,获 ...
js与jquery获取子节点、父节点、兄弟节点的方法
js与jquery获取子节点.父节点.兄弟节点的方法在写代码时,时不时会遇到获取子节点.父节点等需要,但有的时候总是弄混淆不是很清晰,所以针对这些问题,总结了jquery与js获取节点的方法 js方 ...
python 判断两个列表间是否具有包含关系以及获取子列表在父列表中的索引
python 判断两个列表间是否具有包含关系以及获取子列表在父列表中的索引 import operator def get_sub_list_index(parent_list, sub_list): ...
JS获取子节点、父节点和兄弟节点的若干种方式
一.js获取子节点的方式 1.通过获取dom方式直接获取子节点其中test的父标签id的值,div为标签的名字.getElementsByTagName是一个方法.返回的是一个数组.在访问的时候要按 ...
js获取当前Frame在父页面中的id
window.frameElement.id 转载于:https://www.cnblogs.com/real9527/p/9363910.html
jQuery中兄弟元素、子元素和父元素的获取
我们这里主要总结jQuery中对某元素的兄弟元素.子元素和父元素的获取,原声的Javascript代码对这些元素的获取比较麻烦一些,而jQuery正好对这些方法进行封装,让我们更加方便的对这些元素进行 ...
JS DOM 编程复习笔记--父元素、子元素和兄弟元素（三）
今天我们来复习DOM中的获取父元素.子元素和兄弟元素的API,它们主要有parentNode.firstChild.firstElementChild.lastChild.lastElementChi ...

js获取子元素在父元素中的序号的方法

js获取子元素在父元素中的序号的方法相关推荐

最新文章

热门文章