<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>無標題文檔</title></head><style type="text/css">?#placeholder{ width:400px; height:400px; }</style><body>?<h1>圖片</h1>?<ul id="imagegallery">? ? <li><a href="imaget/1.jpg">圖片1</a></li>? ? <li><a href="imaget/2.jpg">圖片2</a></li>? ? <li><a href="imaget/3.jpg">圖片3</a></li>? ? <li><a href="imaget/4.jpg">圖片4</a></li>? ? <li><a href="imaget/5.jpg">圖片5</a></li>?</ul>?<img src="imaget/6.jpg" id="placeholder" alt="my image gallery"/>?<p id="box">這段文字將被切換</p></body><script src="JS/Untitled-2.js"></script></html>下面是JS部分:// JavaScript Documentfunction showpic(whichpic){ var placeholder=document.getElementById('placeholder'); ?//獲取占位符的DOM var source=whichpic.getAttribute("href"); ? //獲取被點擊圖片的href placeholder.setAttribute("src",source); ? //修改占位符的src地址 var p=document.getElementById("box"); p.childNodes[0].nodeValue=source; } function prepareGallery(){ if(!document.getElementById){return false}; if(!document.getElementsByTagName){return false}; if(!document.getElementById("imagegallery")){return false}; var placeholder=document.getElementById("imagegallery"); ?//獲取UL的DOM var links=placeholder.getElementsByTagName("a"); ? //獲取UL的a標簽集合 for(var i=0;i<links.length;i++){ links[i].oncilck=function(){ showpic(this); return false; } } }window.onload=prepareGallery;明明在函數(shù)orepareGallery對每個鏈接調(diào)用showPic函數(shù)條用，并且已經(jīng)讓它取消a標簽的默認跳轉(zhuǎn)行為。為何還是無效果？JS控制臺也不報錯，頭暈！
JS不報錯，但是功能無效果
朝花bu夕拾
2016-09-25 15:56:54
