根据输入值显示或隐藏div

Question

我有一个input [type = range]，用户可以选择一个值（例如，从0到1000），这是一种价格过滤器，我还有几个div，每个div都有自己的pricevalue。 我需要根据输入值显示或隐藏div。 VanillaJS如何做到这一点？

Answer 1

这是硬编码的，还是动态div？ 您是否尝试过仅获取输入值并隐藏所需的div？

if(input.val < 1000){
    var divToHide = document.getElementById("priceMid");
    divToHide.style.display = 'none';           // Hide
} 

如果您有多个div，请为每个div赋予其自己的属性，然后再对其进行迭代，然后仅将其隐藏在特定值的上方/下方。 此答案有更多详细信息使用JavaScript显示/隐藏'div'