如何在加载网页时获取要隐藏的元素

Question

我想在网页加载时使用

隐藏选择选项

s2.style.visibility = "hidden"; 

要执行此操作，但只有在操作第一个按钮后才会隐藏第二个选择按钮。我试图这样做，以便当网页首次加载时，它就不存在，直到类别类型出现。

function populate(s1, s2)   {   
    var s1 = document.getElementById(s1);
    var s2 = document.getElementById(s2);
    s2.innerHTML = "";  
    s2.style.visibility = "hidden"; 
    if(s1.value == "genre") {
        s2.style.visibility = "visible";    
        var optionArray = ["|", "rap|Rap", "r and b|R And B", "rock|Rock", "indie|Indie", "dance|Dance"];
    } else {

    }
    for(var option in optionArray) {
        var pair = optionArray[option].split("|");
        var newOption = document.createElement("option");
        newOption.value = pair[0];
        newOption.innerHTML = pair[1];
        s2.options.add(newOption);
    }
}

Answer 1

在运行任何js代码之前，在css中设置该元素的可见性。

#s2 {
  visibility: 'hidden'
}