我的javascript代码无法执行，即使我的控制台没有任何错误

Question

当我单击h1元素时，我试图显示地图。因此，我编写了应该可以解决问题的代码，但是没有任何反应。所以我去浏览器中寻找我的JS控制台，没有任何错误，所以我现在有点卡住了。有人可以帮助我吗？

my HTML:
<section class="WT1">
<h1>Wetenschap & Techniek - Ellermanstraat &#8595</h1>
<div id="mapid"></div>
</section>


my JS
var touchMe = document.getElementsByTagName('h1');

touchMe.onhover = function() {
touchMe.style.cursor = 'pointer';
}

touchMe.onclick = function() {
document.getElementById('mapid').style.display = "block";
};

Answer 1

getElementsByTagName返回一个元素数组，从中选择一项

var touchMe = document.getElementsByTagName('h1')[0]