JS的一些小问题 求大神解答

weixin_40980353 2018-04-15 03:50:51
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>图片库</title>
<style>
#placeholder{
height: 500px;;
width: 500px;
border: 1px solid black;
}
</style>
</head>
<body>
<h1 title="This is title">Snapshots</h1>
<ul>
<li id="liid">
<a href="案例研究/1.JPG" title="A fireworks display" onclick="showPic(this); return false;">Fireworks</a>
</li>
<li>
<a href="案例研究/2.JPG" title="B fireworks display" onclick="showPic(this); return false;">Coffee</a>
</li>
<li>
<a href="案例研究/3.JPG" title="C fireworks display" onclick="showPic(this); return false;">Rose</a>
</li>
<li>
<a href="案例研究/5.JPG" title="D fireworks display" onclick="showPic(this); return false;">Big Ben</a>
</li>
</ul>
<img id="placeholder" src="案例研究/155537pb4aaxk4abawq555.jpg" alt="My image Gallery">
<P id="description">This is my picture.</P>
<script src="scripts/showPic.js" type="text/javascript"></script>
</body>
</html>

js:
function showPic(whichpic) {
var source= whichpic.getAttribute("href");
var placeholder=document.getElementById("placeholder");
placeholder.setAttribute("src",source);
var text=whichpic.getAttribute("title");
var description=document.getElementById("#description");
description.firstChild.nodeValue=text;
}
为什么在我执行了 description.firstChild.nodeValue=text;之后,点击链接会发生跳转啊?
我已经在onclick里面添加了return false了
...全文
255 1 打赏 收藏 转发到动态 举报
写回复
用AI写文章
1 条回复
切换为时间正序
请发表友善的回复…
发表回复
天际的海浪 2018-04-15
  • 打赏
  • 举报
回复
var description=document.getElementById("#description"); #号去掉

87,954

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧