Javascript 单击链接时，需要将链接替换为内容

我有两个分区，第一个只是一个链接

 <div id="click1" class="grid-66 mobile-grid-100 user-photo-tag-click" style="display:block" onclick="replace()"> <a href="#">CLICK AND SHOW TAGS</a>

        </div>

第二个是照片标签列表

<div id="click2" class="grid-66 mobile-grid-100 user-photo-tag" style="display:none">
            <ul>
                <li><a href="#">RACE SHOP</a>

                </li>
                <li><a href="#">AAA</a>

                </li>
                <li><a href="#">77</a>

                </li>
            </ul>
        </div>

---

我正在尝试设置它，这样当点击链接时，它就会消失，照片标签就会显示在它的位置上。我在这里启动了一个JSFIDLE，这样我的代码就可以清晰地查看了。我的javascript函数似乎不起作用。有人能看一下并告诉我为什么吗？谢谢你喜欢什么？在你的小提琴设置中，

replace

在

窗口中声明。onload

处理程序，因此你的div的onclick处理程序无法访问它，将设置更改为No wrap-In应该有效。@fuyushimoya你太棒了！你能告诉我这将如何影响或它应该如何在一个现场改变？这是否与JSFIDLE有关？在您的实时站点中，您在何处以及如何声明该函数？啊，我现在明白了。它位于结束正文标记之前。所以，如果我把它放在一个外部js文件中，并在头部引用它，会有什么变化吗？应该没问题。