如何在加载网页时隐藏元素

How To Get Element To Hide When Webpage Is Loaded

本文关键字：隐藏 元素 网页 加载      更新时间：2023-09-26

我想在网页加载时获得一个选择选项来隐藏，并且我已经使用 

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);
    }
}

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

#s2 {
  visibility: 'hidden'
}
相关文章：