已解決430363個問題，去搜搜看，總會有你想問的

setAttribute問題，為什么點擊鏈接不能在占位符的位置顯示圖片，而是轉到另一個窗口？？？

首頁猿問 setAttribute問題，為什...

setAttribute問題，為什么點擊鏈接不能在占位符的位置顯示圖片，而是轉到另一個窗口？？？

JavaScript

lzy瑜 2016-08-31 21:04:22

<title>無標題文檔</title><script type="text/javascript">function shopPic(whichpic){var placeholder=document.getElementById("placeholder");placeholder.setAttribute("src",whichpic.getAttribute("href"));}</script></head><body><h1>Snapshot</h1><ul><li><a href="image/1.jpg" title="1">1</a></li><li><a href="image/2.jpg" title="2">2</a></li><li><a href="image/3.jpg" title="3">3</a></li><li><a href="image/4.jpg" title="4">4</a></li></ul><img id="placeholder" src="image/3.jpg" alt="占位符" /></ul></body></html>

查看完整描述

2 回答

Ewall_

TA貢獻27條經驗獲得超9個贊

你事件onclick都沒有，哪里來的圖片轉換

<body>
	<h1>Snapshot</h1>
	<ul?id="picgroup">
		<li><a?href="image/1.jpg"?title="1">1</a></li>
		<li><a?href="image/2.jpg"?title="2">2</a></li>
		<li><a?href="image/3.jpg"?title="3">3</a></li>
		<li><a?href="image/4.jpg"?title="4">4</a></li>
	</ul>
	<img?id="placeholder"?src="image/3.jpg"?alt="占位符"?/>
<script?type="text/javascript">
	function?picgroup(){
		var?picgroup=document.getElementById("picgroup");
		var?aLinks=picgroup.getElementsByTagName("a");
		for(i=0;i<aLinks.length;i++){
			aLinks.onclick=function(){
				showPic(this);
				return?flase;
			}
		}
	}
	function?showPic(whichpic){
		var?placeholder=document.getElementById("placeholder");
		placeholder.setAttribute("src",whichpic.getAttribute("href"));
	}
</script>
</body>

反對回復 2016-08-31

_瀟瀟暮雨

TA貢獻646條經驗獲得超225個贊

需要阻止默認事件，下面是代碼：

<html>
<title>無標題文檔</title>
<script?type="text/javascript">
function?shopPic(whichpic){
?event.preventDefault()
var?placeholder=document.getElementById("placeholder");
console.log(whichpic.getAttribute("href"))
placeholder.setAttribute("src",whichpic.getAttribute("href"));
}
</script>
</head>


<body>
<h1>Snapshot</h1>
<ul>
<li><a?href="image/1.jpg"?title="1"?onclick="shopPic(this)">1</a></li>
<li><a?href="image/2.jpg"?title="2"?onclick="shopPic(this)">2</a></li>
<li><a?href="image/3.jpg"?title="3"?onclick="shopPic(this)">3</a></li>
<li><a?href="image/4.jpg"?title="4"?onclick="shopPic(this)">4</a></li>
</ul>
<img?id="placeholder"?src="image/3.jpg"?alt="占位符"?/>
</ul>
</body>
</html>

反對回復 2016-08-31

2 回答
0 關注
1532 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

setAttribute問題，為什么點擊鏈接不能在占位符的位置顯示圖片，而是轉到另一個窗口？？？

setAttribute問題，為什么點擊鏈接不能在占位符的位置顯示圖片，而是轉到另一個窗口？？？

2 回答

添加回答

setAttribute問題，為什么點擊鏈接不能在占位符的位置顯示圖片，而是轉到另一個窗口？？？

setAttribute問題，為什么點擊鏈接不能在占位符的位置顯示圖片，而是轉到另一個窗口？？？