請問 我要實現 單擊隱藏一段文字 然后顯示另一段提示文字；之后點擊再顯示原先文字，隱藏提示文字; 請問這樣的結構應該怎么寫？
請問 我要實現 單擊隱藏一段文字 然后顯示另一段提示文字；之后點擊再顯示原先文字，隱藏提示文字; 請問這樣的結構應該怎么寫？
2 回答
舉報
0/150
提交
取消
請問 我要實現 單擊隱藏一段文字 然后顯示另一段提示文字；之后點擊再顯示原先文字，隱藏提示文字; 請問這樣的結構應該怎么寫？
2016-06-27
舉報
2016-06-27
假如這兩段文字，一個id值是one ?另一個是two
我覺得你可以寫一個類似下面這樣的方法：
function change(){ ?//方法名你自己想一個合理的
var one = document.getElementById("one");
var two = document.getElementById("two");
if(one.style.display=="none"){
? one.style.display="block";
? two.style.display="none";
}else{?
?one.style.display="none";
? two.style.display="block";
}
}
2016-06-27
? ?<h1>一鍵隱藏顯示</h1> ?
? ? <p id="one">點擊隱藏這段文字</p>?
? ? <p id="two" style="display: none;">啊啊啊啊啊啊啊啊啊啊啊啊啊</p>?
? ? <form>
? ? ? <input type="button" onclick="change()" value="一鍵隱藏顯示">
? ? </form>
? ? <script type="text/javascript">
? ? function change() ?
? ? ?{ ?
? ? ?var one = document.getElementById("one");
? ? var two=document.getElementById("two");
? ? if (one.style.display=="none"){
? ? ? ? ?one.style.display="block";
? ? ? ? ?two.style.display="none";
? ? }
? ? else{
? ? ? ?one.style.display="none";
? ? ? ?two.style.display="block";
? ? }
? ? ?}
? ? ?</script>
我按照您寫的完美解決了 問題 就是一點不明白 one.style.display=="none" 這句話是什么意思 為什么要用雙== ？雙==與單=有何不同？ 為何我<h1>一鍵隱藏顯示</h1> ?
? ? <p id="three">點擊隱藏這段文字</p>?
? ? <p id="four" style="display: none;">啊啊啊啊啊啊啊啊啊啊啊啊啊</p>?
? ? <form>
? ? ? <input type="button" onclick="chane()" value="一鍵隱藏顯示">
? ? </form>
? ? <script type="text/javascript">
? ? function chane() ?
? ? ?{ ?
? ? ?var three = document.getElementById("three");
? ? var four=document.getElementById("four");
? ? if (three.style.display=="block"){
? ? ? ? ?three.style.display="none";
? ? ? ? ?four.style.display="block";
? ? }
? ? else{
? ? ? ?three.style.display="block";
? ? ? ?four.style.display="none";
? ? }
? ? ?}
? ? ?</script> 這些寫之后 需要多點一下 按鈕？能幫我解釋下么 不勝感激！