Javascript 如何查找具有特定css样式属性的元素?
这些网站说“请删除adblocker”。它们有一个覆盖层div(可以删除)和一个带有Javascript 如何查找具有特定css样式属性的元素?,javascript,html,css,Javascript,Html,Css,这些网站说“请删除adblocker”。它们有一个覆盖层div(可以删除)和一个带有overflow:hidden 我通常很快就能找到,但在福布斯网站上找不到 所以这对我的CSS排印来说更是一个挑战。到目前为止我已经试过了 var elems = document.querySelectorAll('*'); for (var i = 0; i < elems.length; i++) { if (elems[i].style.overflowY === "hidden") {
overflow:hidden
我通常很快就能找到,但在福布斯网站上找不到
所以这对我的CSS排印来说更是一个挑战。到目前为止我已经试过了
var elems = document.querySelectorAll('*');
for (var i = 0; i < elems.length; i++) {
if (elems[i].style.overflowY === "hidden") {
console.log(elems[i])
}
}
var elems=document.querySelectorAll('*');
对于(变量i=0;i
我什么都没有。我尝试了溢出,但仍然一无所获
我有没有其他方法可以找到哪个元素有
溢出:hidden
?或者forbs是否有其他方法禁用滚动?使用窗口.getComputedStyle
方法,然后使用getPropertyValue
方法获取计算的样式值。参考-
let myDiv=document.querySelector('.myDiv');
const computedStyle=window.getComputedStyle(myDiv);
log(computedStyle.getPropertyValue('overflow')代码>
.myDiv{
溢出:隐藏;
}
你好,世界
根据以下内容,正确的道具似乎是“溢出”
所以,如果福布斯使用overflow='hidden'技术禁用滚动,请使用
let elems = document.querySelectorAll('*');
for (var i = 0; i < elems.length; i++) {
if (elems[i].style.overflow === "hidden") console.log(elems[i]);
}
您甚至可以更有趣地创建一个高阶函数,该函数接受两个参数:您要查找的样式属性和值并返回一个函数
你能给我们福布斯网站的链接吗,这样我们就可以找到问题了?这能回答你的问题吗?
let elems = document.querySelectorAll('*');
for (var i = 0; i < elems.length; i++) {
if (elems[i].style.overflow === "hidden") console.log(elems[i]);
}
function showElementsWithHiddenOverflow() {
[...document.querySelectorAll('*')]
.filter(elt => elt.style.overflow === 'hidden')
.map(elt => console.log(elt))
};
showElementsWithHiddenOverflow();