Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何查找具有特定css样式属性的元素?_Javascript_Html_Css - Fatal编程技术网

Javascript 如何查找具有特定css样式属性的元素?

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") {

这些网站说“请删除adblocker”。它们有一个覆盖层div(可以删除)和一个带有
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();