使用javascript更改div id和innerHTML内容

嗨，我正在尝试用javascript更改谷歌地图和h3文本，但它不起作用

我想做的是显示不同的地图和标题，因此基本上我想用

id=“map2”

替换

id，以显示柏林位置而不是洛杉矶。 另外，我想用

“世界第五季”

替换

世界总决赛第三季和第六季的文本

以下是HTML：

<article>
<div class="container">
<button onclick="changediv()">Season 5</button>
<h3 id="textChange">Worlds Finals Season 3 and 6</h3>
<div id="map"></div>
</div>
</article>

编辑：“onlick”“div”和parantises被添加，所以现在h3文本改变了，但地图仍然不会改变，我需要重新标记页面才能工作吗？使用谷歌地图api。
1）
这里有一个输入错误：

<h3 div="textChange">Worlds Finals Season 3 and 6</h3>

1）
这里有一个输入错误：

<h3 div="textChange">Worlds Finals Season 3 and 6</h3>

您只需使用map.setCenter（LatLng）移动地图即可。
此方法不会使用任何其他标记，也不会删除现有标记。您还可以通过
潘托（拉丁美洲）
这两种方法在映射初始化后也可用

你可以在这里读更多
您只需使用map.setCenter（LatLng）移动地图即可。
此方法不会使用任何其他标记，也不会删除现有标记。您还可以通过
潘托（拉丁美洲）
这两种方法在映射初始化后也可用

你可以在这里读更多
它不应该是
onclick=“changediv（）”
？我从来没有听说过一个
lick
事件，它不应该是
onclick=“changediv（）”
？我从来没有听说过一个
lick
event哦，即使在
id
属性上，他们也设法弄错了。我注意到他们试图将函数绑定到一个
onlick
事件（因此您可能希望将其添加到您的答案中）。老实说，即使在查看了30分钟之后，我也没有看到拼写错误，这非常有帮助！现在h3文本改变了，但地图仍然不会改变，我必须重新加载页面还是什么？我已经修复了地图部分的答案：）哦，即使是在
id
属性上，他们也设法弄错了。我注意到他们试图将函数绑定到一个
onlick
事件（因此您可能希望将其添加到您的答案中）。老实说，即使在查看了30分钟之后，我也没有看到拼写错误，这非常有帮助！现在h3文本改变了，但地图仍然不会改变，我需要重新加载页面还是什么？我已经修复了地图部分的答案：）
<h3 id="textChange">Worlds Finals Season 3 and 6</h3>

<button onlick="changediv">Season 5</button>

<button onlick="changediv()">Season 5</button>

function changeDiv(){
  if (document.getElementById("map")) {
    document.getElementById("textChange").innerHTML = "Worlds Finals Season5";          
    var location = new google.maps.LatLng(berlin.lat, berlin.lng);
    map.panTo(location)
  }

}