javascript - 求教為什麼這段script改寫為函數傳參形式就不執行了?
PHPz
PHPz 2017-05-19 10:33:40
0
2
530

js新手,請教為什麼寫法1改寫成傳參形式的寫法2就不執行了?謝謝!
<html>

    <form id="search-bar" class="hide" action="/action_page.php">

        <input id="search-box" type="search" value="search">
        <input id="search-submit" type="submit">

    </form>
        <button id="search-but" >click me</button>

</html>

寫法1:
<script>

    var osearch = document.getElementById("search-but")
    var obar = document.getElementById("search-bar")

    osearch.onclick = function () {

        if (obar.style.display == "block") {
            obar.style.display ="none"
        }
        else {
            obar.style.display="block"
        }
    }

</script>

寫法2:
<script>

function display(obj) {

    var b = document.getElementById("obj")

    if (b.style.display == "block") {
        b.style.display = "none"
    }
    else {
        b.style.display = "block"
    }
}

var osearch = document.getElementById("search-but")

 osearch.onclick=display(search-bar);

</script>

PHPz
PHPz

学习是最好的投资!

全部回覆(2)
滿天的星座
function display(obj) {

    var b = document.getElementById(obj)

    if (b.style.display == "block") {
        b.style.display = "none"
    }
    else {
        b.style.display = "block"
    }
}

var osearch = document.getElementById("search-but")

 osearch.onclick=function () { display('search-bar'); }

基礎不紮實啊

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板