《JS DOM编程艺术》第二版第六章的例子，为什么照着书上的写会出错？

Question

JS代码部分：

<script>
            function prepareGallery()
            {
                if(!document.getElementById("gallery"))return false;
                if(!document.getElementsByTagName)return false;
                var gallery=document.getElementById("gallery");
                var links=gallery.getElementsByTagName("a");
                for(i=0;i<links.length;i++)
                {
                    links[i].onclick=function()
                    {
                        showpic(this);
                        return false;
                    }
                }
            }
            
            function showpic(x)
            {
                var changepic=document.getElementById("placeholder");
                var source=x.getAttribute("href");
                changepic.setAttribute("src",source);
                var description=document.getElementById("description");
                var text=x.firstChild.nodeValue;
                description.firstChild.nodeValue=text;
            }
        </script>

HTML部分：

<h1>标题</h1>
        <ul id="gallery">
            <li>
                <a href="img/摆渡.jpg" title="摆渡人" >摆渡人</a> 
            </li>
            <li>
                <a href="img/城市.png" title="洛阳城" >洛阳城</a>
            </li>
            <li>
                <a href="img/守卫.jpg" title="地狱口" >地狱口</a>
            </li>
            <li>
                <a href="img/海怪.jpg" title="海上龙" >海上龙</a>
            </li>
        </ul>
        <p id="description">选择一张图片</p>
        <img id="placeholder" src="img/透明.png" alt="占位图"/>

该例是要实现点击链接，在当前页面打开图片。然而按照书上的代码写完后，变成了在新页面打开图片。
请问错误在哪里？
多谢多谢多谢回答O(∩_∩)O

Answer 1

prepareGallery 函数你都没有执行啊

你的js代码 再加一句prepareGallery() 就可以了