求一段JS 获取子元素自适应高度值并赋予其父元素相同的高度值

求一段JS 获取子元素自适应高度值并赋予其父元素相同的高度值,第1张

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

收起的时候,height:0;

点开的时候 height:auto;

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

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

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

不然的话会撑不开

可以把动态生成的元素的事件委托给固定的父元素(比如$("#selects"))去处理,这样的话不管动态添加多少元素,最终都会把事件冒泡给父元素,父元素再根据target对象获取事件的委托方并作出相应处理。具体请自行百度“事件委托”或“事件代理”。

<body>

<table class="tbeTarget" id="tbeTarget">

<tr>

<td class="tips1" id="tips1"> 12345abcd </td>

<td class="tips2" id="tips2"> 23456fvbg </td>

</tr>

</table>

<input type="button" onclick="getTdValue();" value="GETTDVALUE">

</body>

获取标签建议还是用ID来获取,简单方便

用getElementById("tbeTarget")可获取table

用getElementById("tips2")可获取到tips2

有ID的话,getElementById("tbeTarget")tips2也能得到你要的 tips2

特殊情况实在不能用ID时,也可用getElementsByTagName

var o=documentgetElementsByTagName("table"); 这个就获取到了所有的table标签,返回值是数组类型的

像你这个代码的话,只有个一个table,那 o[0]就是你要的table标签了

实在要用getElementByClassName的话,

var o=documentgetElementByClassName("tbeTarget");

var ot=ogetElementsByTagName("td"); //直接用ogetElementByClassName("tips2")应该也可以

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

if(ot[i]class=="tips2"){

alert(ot[i]); //在这if里面,用ot[i]调用到的就是你要的 tips2了

}

}

$(document)ready(function(){

$("#container")width(getAllWidth("#container div"));

});

//定义一个获取对象列表宽度的方法

var getAllWidth = function(objIcon){

var obj = $(objIcon);

var _width = 0;

if(objlength > 0){

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

_width += $(obj[i])width();

}

}

return _width;

}

上面代码我引入的jquery,如果不用jquery的话我也可以帮你写一份

以上就是关于求一段JS 获取子元素自适应高度值并赋予其父元素相同的高度值全部的内容,包括:求一段JS 获取子元素自适应高度值并赋予其父元素相同的高度值、JS 如何获取动态生成的元素的数据,并且进行 *** 作、js实现获取父元素下的子元素,如下的代码,我想通过getElementByClassName获取到标签table,等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9510960.html

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

发表评论

登录后才能评论

评论列表(0条)

保存