根據輸入值顯示或隱藏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'