Javascript Show / Hide元素，為什么此代碼不起作用？

Question

因此，如您所見，我在用JavaScript來顯示/隱藏元素，但是單擊.png時，它會顯示文本，但不會隱藏其他元素的文本。 我一直在遍歷這個腳本，而Google卻從中搜尋地獄，但我無法給出答案。 我想我需要另一雙眼睛，所以如果有人看一下，請告訴我是否有錯誤或我是否缺少某些代碼。

<html>
<head>
<meta name = "viewport" content = "initial-scale = 1.0, user-scalable = no" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<script type="text/javascript" src="NKit.js"></script>

<link rel="stylesheet" type="text/css" href="style.css" />

<script type="text/javascript">

function showStuff(id) {
    document.getElementById(id).style.display = 'block';
}
function hideStuff(id) {
    document.getElementById(id).style.display = 'none';
}

</script>

</head> 

<body> 

<div class="content">

<section class="left">  

        <p>
            <a href="#" onclick="showStuff('character1');" onclick="hideStuff('character2');"><img src="character1.png" id="char1" /></a>

        </p> 

        <p>
            <a href="#" onclick="showStuff('character2');" onclick="hideStuff('character1');"><img src="character2.png" id="char2" /></a>
        </p> 

</section>

<section class="right">

        <span id="character1" style="display: none;">Show character1 information</span> 

        <span id="character2" style="display: none;">Character 2 information</span> 

</section>

</div>

</body> 
</html>

Answer 1

<a href="#" onclick="showStuff('character1');" onclick="hideStuff('character2');">

在此行上，首先將onclick屬性設置為showStuff('character1') ，然后將其重新分配為hideStuff('character2') 。

因此，您應該將這兩個函數調用包裝到一個函數中，然后將該函數分配給onclick 。

onclick="function() { showStuff('character1'); hideStuff('character2'); }

Javascript Show / Hide元素，為什么此代碼不起作用？

問題描述

1 個解決方案

解決方案1
1 2012-03-31 21:40:13

Javascript Show / Hide元素，為什么此代碼不起作用？

問題描述

1 個解決方案

解決方案1 1 2012-03-31 21:40:13

解決方案1
1 2012-03-31 21:40:13