Question

我有以下内容：

google.maps.event.addDomListener(window, 'load', setMap);

function setMap() {
  var canvas = document.getElementById('map');
  // more code
}

我正在使用JQuery。

如何检查元素＆＃34; map＆＃34;存在......

仅在函数setMap存在时才调用它...

并传递它而不是在setMap函数中定义它。

Answer 1

试试这个：

google.maps.event.addDomListener(window, 'load', setMap);

function setMap() {
  var mapElement = $("#map");
  if(mapElement.length == 0)
  {
    return;
  }
  var canvas = document.getElementById('map');
  // more code
}

Answer 2

如果canvas未返回元素，则变量null将设置为getElementById()。

参考：https://developer.mozilla.org/en-US/docs/Web/API/document.getElementById

Answer 3

“如何检查元素”map“是否存在...”

将getElementById的结果与null

进行比较

“仅在函数setMap存在时才调用它...”

使用if()声明

“并传递它，而不是在setMap函数中定义它。”

在setMap，

上定义参数

function setMap(canvas) {
  // more code
}

并将元素传递给它。

var canvas = document.getElementById('map');
if (canvas != null) 
    setMap(canvas);

不再依赖于再次查询DOM的jQuery解决方案是：

$("#map").each(setMap);

并定义您的setMap参数，如下所示：

function setMap(i, canvas) {
  // more code
});

Answer 4

使用map提出getElementById元素，如果setMap不是map，请致电null。

var map = document.getElementById('map');
if(map) setMap(map);

Answer 5

使用Jquery：

var canvas = $('map');
if(map.length){
  //element map exists


  // more code
}

使用Javascript：

var map= document.getElementById('map');
if ( map!= null) {//element map exists more code
}

验证元素是否存在并将其传递给函数

5 个答案: