Javascript 如何将css应用于溢出：隐藏元素？

在这里，我想对那些不可见的div应用一些css，因为如果它的高度。所以我想动态地应用一些css，这里没有显示（sanjana、giri、santhosh divs）

加内什
奥姆尚卡尔
赛
文卡特
塞雷莎
桑贾纳
吉利
森多仕

如果它是内联定义的，您可以使用：

[style*="overflow:hidden;"],[style*="overflow: hidden;"]

它所做的是寻找任何类型的标签，
设置了样式属性的 该样式属性包含：

overflow:hidden或
溢出：隐藏

然后应用相关样式


var值='initial'；
var old=‘隐藏’；
函数切换（）{
$（'div[style]'）.css（{'overflow'：value}）；
var tmp=价值；
价值=旧；
old=tmp；
}
[style*=“溢出：隐藏；”]，[style*=“溢出：隐藏；”]{
颜色：白色；
}

加内什
奥姆尚卡尔
赛
文卡特
塞雷莎
桑贾纳
吉利
森多仕
您可以通过javascript检查包装器的高度，然后向包装器中所有不完全可见的元素添加一个类。在包装器中添加了一个类
wrap
，使其更加明显


var wrap=document.querySelector（'.wrap'）；
var wrapHeight=wrap.offsetHeight；//以防CSS不知道和设置它
wrap.querySelectorAll（'div'）.forEach（函数（元素）{
var elementBottomPosition=element.offsetTop+element.offsetHeight；
if（elementBottomPosition>=wrapHeight）{
element.classList.add（'some-class'）；
}
});
.wrap{
高度：100px；
溢出：隐藏；
背景：红色；
边框：2个虚线#000；
}
.某个班级{
颜色：青柠；
}

加内什
奥姆尚卡尔
赛
文卡特
塞雷莎
桑贾纳
吉利
森多仕
我不明白你的意思你的问题不清楚在你的例子中，所有的div都是可见的。你能澄清一下吗？你的所有div在你的示例代码中都是可见的这里我提到了8个名字，但是这里只有5个名字是可见的，所以这里我想对那些在这里不可见的应用一些css。。。！你能看看我的问题吗？你可以在那里自己做。只需将包装器div设置为rect1，然后循环遍历所有的$（'div.slot'），并将它们的边界框与包装器div中的一个进行比较。@Tschakkacka尝试了，但没有得到预期的结果。。你能帮我吗？我喜欢这个，漂亮优雅，没有jQuery。