(HTML JS javascript) js 中如何得到本标签位于父标签中的第几个

(HTML JS javascript) js 中如何得到本标签位于父标签中的第几个,第1张

没有直接获取子元素在父元素的序号的方法,需要去循环比对的。

不过,你在循环设置className的时候可以直接把要控制div保存给要被点击的div呀,这样效率高得多

for(var i=0; i<first_length; i++){

first[i3]className='no_click'; //

first[i3]controlTo = second[i3] ;

second[i3]className='no_display';

}

这样first里面的div被点击,只要 被点击的divcontrolTo 就能得到对应的要显示的second组的标签了,非常方便,执行效率也很高。

比如 某个div被点, 只要

thclassName = "click" ;

thcontrolToclassName = "display" 即可 ;

这个太简单了吧,先设置父元素,overflow:hidden;

收起的时候,height:0;

点开的时候 height:auto;

另外最好不要用绝对定位,这样会让布局更麻烦

哦,补充一下,如果还有爷爷级的话同样要给设置overflow:hidden;

应为这样才能形成BFC(块级格式化上下文)

不然的话会撑不开

objclientWidth //获取元素的宽度

objclientHeight //元素的高度

objoffsetLeft //元素相对于父元素的left

objoffsetTop //元素相对于父元素的top

objoffsetWidth //元素的宽度

objoffsetHeight //元素的高度

区别:

clientWidth = width + padding

clientHeight = height + padding

offsetWidth = width + padding + border

offsetHeight = width + padding + border

offset比client多了border的宽度

//获取元素的纵坐标(相对于窗口)

function getTop(e){

var offset=eoffsetTop;

if(eoffsetParent!=null) offset+=getTop(eoffsetParent);

return offset;

}

//获取元素的横坐标(相对于窗口)

function getLeft(e){

var offset=eoffsetLeft;

if(eoffsetParent!=null) offset+=getLeft(eoffsetParent);

return offset;

}

//获取元素的纵坐标(相对于窗口)

function getTop(e){

var offset=eoffsetTop;

if(eoffsetParent!=null) offset+=getTop(eoffsetParent);

return offset;

}

//获取元素的横坐标(相对于窗口)

function getLeft(e){

var offset=eoffsetLeft;

if(eoffsetParent!=null) offset+=getLeft(eoffsetParent);

return offset;

}

<script type="text/javascript" src="/scripts/jquery-172minjs"></script>

<script >

$("li")click(function(){

alert($(this)text())

})

</script>

以上就是关于(HTML JS javascript) js 中如何得到本标签位于父标签中的第几个全部的内容,包括:(HTML JS javascript) js 中如何得到本标签位于父标签中的第几个、求一段JS 获取子元素自适应高度值并赋予其父元素相同的高度值、JS如何判断元素相对于父窗口的绝对位置等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/10047852.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-04
下一篇 2023-05-04

发表评论

登录后才能评论

评论列表(0条)

保存