多个 Onclick 事件 - 2 个事件中的 1 个正在运行

Multiple Onclick Events - 1 of 2 Events Working

本文关键字：事件 运行 多个 Onclick      更新时间：2023-09-26

我在一个名为"按钮"的div中放置了一些按钮，与地图分开。当用户单击按钮时，我正在尝试做两件事：

  1. 居中和缩放谷歌地图 - 工作。
  2. 在div "地址" 中显示文本 - 不起作用

按钮 HTML：

<button id="Zoom">Zoom1</button>

在 JavaScript 中声明"地址"div：

var address = [];

事件 JavaScript：

google.maps.event.addDomListener(document.getElementById('sofZoom'), 'click', function () {
    map.setCenter(new google.maps.LatLng(42.67,23.45));
    map.setZoom(15);
    address.document.getElementById('address').innerHTML = 'textcontent'
});

我在这里做错了什么？任何意见将不胜感激。

var address = []创建一个名为"address"的局部变量并为其分配一个数组。它与任何HTML元素完全无关。

address.document尝试访问该数组的 document 属性。没有这样的属性，因此尝试调用address.document.getElementById会引发错误。

document是全球性的。直接使用即可。

删除此行。

var address = [];

替换此行：

address.document.getElementById('address').innerHTML = 'textcontent'

跟：

document.getElementById('address').innerHTML = 'textcontent'
相关文章：