多个 Onclick 事件 - 2 个事件中的 1 个有效

Question

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

居中和缩放 google 地图 - 工作。
在 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'
});

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

Answer 1

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

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

document 是全局的。直接用就行了

删除这一行。

var address = [];

替换此行：

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

与：

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

多个 Onclick 事件 - 2 个事件中的 1 个有效

Multiple Onclick Events - 1 of 2 Events Working

javascript

dom-events