多个Onclick事件-2个事件中的1个可以工作

Question

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

1. 对谷歌地图进行对中缩放-- working。
2. 在div“地址”中显示文本-不工作

按钮HTML：

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

在div中声明"address“JavaScript：

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是一个全球性的。直接用就行了。

移开这条线。

变量地址= []；

替换这一行：

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

通过以下方式：

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