首頁猿問請問各位大神...

請問各位大神怎么實(shí)現(xiàn)點(diǎn)擊超鏈接使div改變內(nèi)容呢謝謝！在線等蠻急的！??！

CSS3 Html5 PHP

長野博4050768 2017-07-04 09:55:07

查看完整描述

4 回答

一諾yinol

TA貢獻(xiàn)27條經(jīng)驗(yàn) 獲得超4個贊

<a onclick="change()" href="#" >
? ?lalalla
</a>
<div id="change">
? ?需要更改的內(nèi)容
</div>
<script>
? ?function change(){
? ? ? ?document.getElementById('change').innerHTML = '內(nèi)容已更改';
? ? ? ?return true; ?//如果需要阻止鏈接跳轉(zhuǎn)，就return false;
? ?}
</script>

反對回復(fù) 2017-07-04

長野博4050768
請問怎么改為圖片呢？點(diǎn)一下超鏈接就更改一組圖片的那種

回復(fù) 2017-07-04
長野博4050768
document.getElementById('change').innerHTML = './images/en.png'; return true; //如果需要阻止鏈接跳轉(zhuǎn)，就return false;怎么把這個內(nèi)容改為： <div id="neirong1"> <img src="images/fifth.jpg"> <img src="images/first.png"> <img src="images/first.png"> </div> <div id="neirong2"> <img src="images/fifth.jpg"> <img src="images/first.png"> <img src="images/first.png"> </div> 這兩個div中的一個呢？

回復(fù) 2017-07-04
一諾yinol
先把不顯示的內(nèi)容隱藏，然后點(diǎn)擊了，再顯示相應(yīng)的內(nèi)容！ <a onclick="change()" href="#" > lalalla </a> <div id="neirong1"> <img src="images/fifth.jpg"> <img src="images/first.png"> <img src="images/first.png"> </div> <div id="neirong2" style="display:none"> <img src="images/fifth.jpg"> <img src="images/first.png"> <img src="images/first.png"> </div> <script> function change(){ document.getElementById('neirong1').style.display="none"; document.getElementById('neirong2').style.display="block"; return false; //如果需要阻止鏈接跳轉(zhuǎn)，就return false; } </script>

回復(fù) 2017-07-04