Javascript JS在onclick（）事件中链接到文档内的锚

我对下面的代码有一个问题，想象一下其余的都没问题（html、head、body等） 我想做的是，当你点击其中一个按钮时，显示或隐藏部分中隐藏的文本/图像，代码就可以很好地做到这一点。问题是，当你点击按钮时，我也希望它能把你带到新出现的部分的锚，而我似乎无法做到这一点

下面是HTML上的代码

<h2 class="especial">TITLE</h2> 
<p class="normal"><input type=image src="images/img_beta/buttonimage1.png" onclick="show_section1();">Section1</p>
<p class="normal"><input type=image src="images/img_beta/buttonimage2.png" onclick="show_section2();">Section2</p>  
<hr>
<div id="Section1" style="display:none">
<a id="Section1_anchor"><h2 class="especial">Sect1TittleHere</h2></a>
    <p class="interior">Blablah this is the content of section1</p> 

</div>
<div id="Section2" style="display:none"> 
<a id="Section2_anchor"><h2 class="especial">Sect2TittleHere</h2></a>
    <p class="interior">Blablah content of section2</p>
    </div>

标题
第1节
第2节

第一节

---

因为onclick事件在图像中，我不希望文本被hiperlink。很明显，我犯了一些错误/做了一些错事，这可能是一个耻辱性的错误，但我需要建议和更正。

如果它确实是您代码的复制粘贴，onclick处理程序称为“show_section 1（）”，函数称为“show_section 1（）”。注意门派！=第节：）

---

我们应该进一步研究吗？

您可以使用您建议的html并执行以下操作：

window.location = document.getElementById("Section1").parentNode.href;

---

将“Section1”替换为您的特定部分。

好吧，我找到了一个解决方案，它简单得多，而且可能没有人这样说，因为我以错误的方式提出了问题，但这可能会帮助某些人

我想让按钮把你带到文档中的一个锚，对吗

上面的代码工作得很好，你点击按钮，它显示隐藏的文本，或者隐藏它

现在，将以下内容添加到按钮代码中，它也会进行锚定操作

<p class="normal"><a href="#Section1"><input type=image src="images/img_beta/buttonimage1.png" onclick="show_section1();"></a>Section1</p>

第1节

我只是添加了一个标签来链接按钮，并使用HTML id（我已经在JS中使用过）作为锚。我希望已经解释清楚了，这对别人有帮助

---

关键是，使用html id作为锚定

进一步看，因为它不是直接复制/粘贴（更改名称和内容），而且隐藏div的显示效果很好，锚定是否给我带来了麻烦：（我把它放在我的JS函数上，它不起作用，firebug说：TypeError:document.getElementById（…）.getParent不是一个函数。我想我还是做错了什么…>_

window.location = document.getElementById("Section1").parentNode.href;

<p class="normal"><a href="#Section1"><input type=image src="images/img_beta/buttonimage1.png" onclick="show_section1();"></a>Section1</p>