关于js图片库的问题
来源：6-1 案例总结
幕布斯1509990
2017-08-08 17:53:57
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<h1>调换图片</h1>
<ul>
<li>
<a href="images/2.png" onclick="showPic(this); return false;" title="图片一"> 图片一</a>
</li>
<li><a href="images/2.png" onclick="showPic(this); return false;" title="图片二"> 图片二</a></li>
<li><a href="images/3.png" onclick="showPic(this); return false;" title="图片三"> 图片三</a></li>
<li><a href="images/4.jpg" onclick="showPic(this); return false;" title="图片四"> 图片四</a></li>
<li><a href="http://www.baidu.com" onclick="return false;">click me </a></li>
<!-- 占位符 -->
<img id="placeholder" src="images/4.jpg" alt="banner">
<p id="description">改变图片</p>
</ul>
<script type="text/javascript" >
function showPic(whichpic){
var source=whichpic.getAttribute("href");
var placeholder=document.getElementById("placehold");
placeholder.setAttribute("src",source);
var text=whichpic.getAttribute("title")
var description=document.getElementById("description");
}console.log(source)
onclick="showPic(this); return false;"
alert(description.firstChild.nodeValue)
//1.想通过点击连接，留在这个网页而不是转到另一个窗口，想通过增加占位符图片来替换那个链接的相对应的图片。但是我做的没有显示出来呢
//2.加入一段描述想用js改变这段描述但是不可以。
</script>
</body>
</html>
问题
//1.想通过点击连接，留在这个网页而不是转到另一个窗口，想通过增加占位符图片来替换那个链接的相对应的图片。但是我做的没有显示出来呢
//2.加入一段描述想用js改变这段描述但是不可以。
1回答
-
好帮手慕糖
2017-08-08
你好，（1）这个是因为a链接的href 属性用于指定超链接目标的 URL。建议：这里可给a自定义一个属性，用来存放图片的地址。
（2） var placeholder=document.getElementById("placehold");获取中，id的名字拼写错了。
（3）改变文字描述，是指改变若的alt属性么？刚才是因为图片元素获取错了，更改之后可在尝试下。
建议：可以直接在js中设置单击事件。
祝学习愉快~
0
相似问题