CSS和JavaScript彈出不起作用

爲什麼JavaScript函數不能觸發彈出窗口？我已經嘗試過.classlist以及style.visibility，並且不會觸發#filter div顯示。CSS和JavaScript彈出不起作用

<div class='lpicon' onclick="designFunction"> 
    <img class='lpactionicon' src='file:///Users/homefolder/Desktop/Hyperspace%20Website/Images/Launchpad/LP%20Action%20Icon-%20Design.png'/> 
</div> 

<div id='filter'> 
</div>

CSS：

.lpicon { 
    height: 100px; 
    width: 50px; 
    margin-left: 14%; 
    margin-top: 8%; 
    float: left; } 

#filter { 
    visibility: hidden; 
    height: 100%; 
    width: 100%; 
    background-color: grey; 
    position: absolute; 
    opacity: .7; 
    top: 0px; }

的JavaScript：

function designFunction() { 
    document.getElementById("filter").classList.remove("block"); 
}

來源

2017-08-18 Kate

你需要執行你的函數，在你的函數'designFunction（）;' –

後添加這個看起來不像'＃filter'有一個'block'類去除？ – adeneo

'designFunction（）'需要在全局/窗口範圍中定義，請參閱示例：https://jsfiddle.net/k7yvo7xu/ –

我認爲你需要使用designFunction（），你需要那麼你正在使用塊更換過濾器div的CSS如果不是，那麼你必須提供更多的代碼，因爲塊不存在於哪裏。您可以通過選擇它並使用.CSS()來使其可見。有關更多信息，請參閱其文檔。

來源

2017-08-18 04:25:44

要更改javascrit中的CSS，您可以使用document.getElementById（「filter」） .style.display =「block」''' –

回答

相關問題