用按鈕單擊更改div css不起作用

我有這片html/css，我需要用js按鈕單擊更改div樣式，以便我的div變得可見和可點擊。我似乎盡一切努力，但由於某種原因，它不起作用。用按鈕單擊更改div css不起作用

當我點擊那個按鈕時，沒有任何反應，任何人都可以幫忙嗎？

<button type="button" id="letsgo" onclick="letitGo()">Process</button> 
<div id="textualdiv">blah blah blah</div>

他們下面的腳本：

<script> 
function letitGo() 
{ 
    document.getElementById("textualdiv").style.opacity="1"; 
    document.getElementById("textualdiv").style.pointer-events="auto"; 
} 
</script>

，並在單獨的CSS文件的div風格：

#textualdiv { 
    z-index:10; 
    background-color:white; 
    margin-bottom:0%; 
    width:70%; 
    text-align:center; 
    height:50%; 
    min-width:500px; 
    top: 10%; 
    display: block; 
    margin: 0 auto !important; 
    padding:0; 
    position:relative; 
    opacity:0; 
    pointer-events: none; 
    border-style:solid; 
    -webkit-border-radius: 4px; 
    -moz-border-radius: 4px; 
    border-radius: 4px; 
}

來源

2015-09-21 Nebular Dust

的CSS pointer-events屬性是JavaScript的elem.style.pointerEvents

用這個代替

function letitGo() 
{ 
document.getElementById("textualdiv").style.opacity="1"; 
document.getElementById("textualdiv").style.pointerEvents="auto"; 
}

的jsfiddle - http://jsfiddle.net/dbxcsv9h/

來源

2015-09-21 01:32:15 Elipzer

謝謝，作品像魅力！ –

沒錯，像Elipzer我面前迴應你。正確的答案是：

function letitGo() 
{ 
document.getElementById("textualdiv").style.opacity="1"; 
document.getElementById("textualdiv").style.pointerEvents="auto"; 
}

請記住，當你想使用Javascript改變一個CSS屬性，你需要輸入使用駝峯該屬性的名稱。

希望它可以幫助你！

來源

2015-09-21 02:55:57 FlokiTheFisherman

用按鈕單擊更改div css不起作用

回答

相關問題