javascript - 通过单击按钮更改div CSS无效

我有一块html / css，我需要用js按钮单击更改div样式，以便我的div可见并可以单击。我似乎把所有事情都做对了，但是由于某种原因它没有用。

当我单击该按钮时，什么也没发生，有人可以帮忙吗？

<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>

和div样式在单独的CSS文件中：

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

最佳答案

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/