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

Question

我在一个名为“buttons”的 div 中放置了一些按钮，与 map 分开。 当用户单击按钮时，我试图做两件事:

1. 对 Google map 进行居中和缩放 - 工作。
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'
});

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

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'