調用事件時函數不起作用

Question

嘗試在單擊時更改容器的可見性。 可見性設置為隱藏在CSS中，表單位於div內。 任何幫助贊賞。 我也嘗試使用display屬性並將其設置為none或compact而不是可見性但仍然沒有變化。

JavaScript的：

<script type="text/javascript">
function displayCont()
    {
    var idName= this.value;
    var getElmt= document.getElementById("idName").style.visibility;
    if (getElmt == hidden) 
        {
        getElmt = visible;
            }
    else if (getElmt == visible)
        {
        getElmt = hidden;
        }
    }
</script>

HTML摘錄

<form id="btns">
    <input type="button" value="Timer" id="timerBtn" onclick="displayCont()"/>
    <input type="button" value="Countdown" id="ctDownBtn" onclick="displayCont()"/>
</form>

Answer 1

你有一些錯誤。 首先，idName未定義。 此外，當您使用getELementById（'idName'）時，請刪除引號以使用您剛剛定義的變量。 此外，您需要圍繞可見和隱藏的引號。 我正在研究代碼。

這應該更接近你正在尋找的東西。

<!DOCTYPE html>
<html>
    <head>
        <style>
          #myDiv{
            display: none;
          }
        </style>
    </head>
    <body>
    <form id="btns">
        <input type="button" value="Timer" id="timerBtn" onclick="displayCont('myDiv')"/>
        <div id="myDiv"> Show/Hide This </div>
    </form> 
    <script type="text/javascript">
        function displayCont(inp){
            var ele = document.getElementById(inp);
            var shown = ele.style.display;
            if (shown == 'none') {
                ele.style.display = 'block'
            }
            else {
                ele.style.display = 'none'
            }
        }
    </script>
    </body>
</html>

Answer 2

問題是getElmt只是一個字符串，而不是引用。

這是你想要的：

function toggle(id){
    if (document.getElementById(id).style.visibility == 'hidden') {
        document.getElementById(id).style.visibility = 'visible';
    }
    else {
        document.getElementById(id).style.visibility = 'hidden';
    }
}

然后你可以切換你的元素

toggle('idName');

調用事件時函數不起作用

問題描述

JavaScript的：

HTML摘錄

2 個解決方案

解決方案1
1 已采納 2014-02-06 19:14:44

解決方案2
1 2014-02-06 19:22:48

調用事件時函數不起作用

問題描述

JavaScript的：

HTML摘錄

2 個解決方案

解決方案1 1 已采納 2014-02-06 19:14:44

解決方案2 1 2014-02-06 19:22:48

解決方案1
1 已采納 2014-02-06 19:14:44

解決方案2
1 2014-02-06 19:22:48