如果它们的宽度与某些（200）像素相同，如何隐藏所有元素（表格）？

Question

假设我碰到一个有100个表格的页面：50个表格是100个宽度，50个表格是200个宽度。

200宽度的表是不相关的，我和我想隐藏他们与if()声明。

的问题了，他们没有选择，我需要通过它们的宽度来选择时间。这可能吗？

我想这一点，但没有奏效：

document.querySelectorAll('table').forEach((e)=> { 
    if (table.width === 300) { 
    e.style.visibility = 'hidden'; 
    } 
}); 

编辑：我最渴望的一个香草的解决方案。

Answer 1

使用表元素的offsetWidth属性，也确保DOM是试图进入电影前准备：

function removeTables() { 
    document.querySelectorAll('table').forEach((e)=> { 
     if (e.offsetWidth >= 200) { 
     e.style.display = "none"; 
     } 
    }); 
} 

window.onload = function() { 
removeTables() 
}; 

Answer 2

可以尝试下面的脚本。在这里，我使用jquery each()函数遍历页面中的所有表。希望能帮助到你。

$(document).ready(function(){ 
    $('table').each(function(){ 
    if($(this).width()==125){ 
     $(this).hide(); 
    } 
    }); 
}); 

请检查此fiddler作为参考。