Question

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

Answer 1

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

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

如果您有多个div，请为每个div赋予自己的属性值，然后您可以迭代它们，只隐藏高于/低于某个值的那些。这个答案更详细Show/hide 'div' using JavaScript