多个 Onclick 事件 - 2 个事件中的 1 个正在工作

Question

我将一些按钮放在一个名为“按钮”的 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'
});

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

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'