According to the javascript dom programming art about the part of the web page that displays pictures, the code is typed out. There is a section that requires input onclick="showPic(this);return false;" to prevent the web page from popping up new links to view pictures. But when I finally ran it, a new link still popped up. The specific code is as follows:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>My Gallery</title>
</head>
<body>
<h1>snapshots</h1>
<ul>
<li>
<a href="images/do or die.jpg" onclick="showPic(this);return false;" title="do or die">DO</a>
</li>
<li>
<a href="images/hand.jpg" onclick="showPic(this);return false;" title="hand">HAND</a>
</li>
<li>
<a href="images/phrase.jpg" onclick="showPic(this);return false;" title="phrase">Phrase</a>
</li>
</ul>
<img id="placeholder" src="images/dog.jpg" alt="My Gallery"/>
<script>
function showPic(whichpic)
{var source=whichpic.getAttribute ("href");
var placeholder=document.getElenmentById ("placeholder");
placeholder.setAttribute("src",source);}
</script>
</body>
</html> 
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
First of all, the words you get the id are spelled wrong, and secondly, the href pointing problem of the a tag conflicts with the click event
<!DOCTYPE html>
<html lang="en">
<head>
< meta charset="utf-8"/>
<title>My Gallery</title>
</head>
<body >
<h1>snapshots</h1>
<ul>
</ul>
<img id="placeholder" src="zixun_video_pic.jpg" alt="My Gallery"/>
<script>
</script>
</body>
</html>
Getting the id is document.getElementById('')