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>
基礎不紮實啊