If Else 语句中断，因为变量并不总是存在

Question

我正在 Google 标签管理器中创建一个自定义 javascript 变量，它应该注册特定的按钮点击并将另一个 field/title 文本作为变量传回。

我在下面发现的代码问题是 mapButtonText 变量并不总是存在（您必须单击地图图标才能存在），直到我在 chrome 并查找 mapButtonText 我得到的 returned 是：

Uncaught TypeError: Cannot read property 'innerText' of null at <anonymous>:1:124

此外，当 else if 语句达到 mapButtonText 条件时，它会破坏整个 if else 语句（这意味着即使是第一个语句也不再 return 正确的值）。

function(){
  
  var formButtonText = document.querySelector("#locationSelect > button").innerText;
  var formSelectedLocation = document.querySelector('#locationID option').innerText;
  var mapButtonText = document.querySelector("#map > div > div > div > div > div > div > div > div > div > div > div > div > div.infoWindow > a").innerText;
  var mapSelectedLocation = document.querySelector('.infoWindow:hover h3').innerText;
  var clickLocationName;
  var clickElementText = {{Click Text}};

  if (clickElementText === formButtonText){
    clickLocationName = formSelectedLocation;
  }
  else if (clickElementText === mapButtonText){
    clickLocationName = mapSelectedLocation;
  }
  else {clickLocationName = "No Location Selected";}

  return clickLocationName;

}

我已经测试排除 else if 行并且代码工作正常（见下面的代码）

function(){
  
  var formButtonText = document.querySelector("#locationSelect > button").innerText;
  var formSelectedLocation = document.querySelector('#locationID option').innerText;
  var mapButtonText = document.querySelector("#map > div > div > div > div > div > div > div > div > div > div > div > div > div.infoWindow > a").innerText;
  var mapSelectedLocation = document.querySelector('.infoWindow:hover h3').innerText;
  var clickLocationName;
  var clickElementText = {{Click Text}};

  if (clickElementText === formButtonText){
    clickLocationName = formSelectedLocation;
  }
  else {clickLocationName = "No Location Selected";}

  return clickLocationName;

}

为了使第一段代码正常工作，我在 else if 语句中缺少什么？

Answer 1

您可能只想做一个简单的检查，看看您的元素是否存在。在这个例子中，如果它不存在，我已经设置了一些默认文本。根据您的逻辑需要，默认值也可以设置为空白或空值。

   element = document.querySelector('your_selector');
   var some_variable = element ? element.innerText : 'some_default_text';

If Else 语句中断，因为变量并不总是存在

If Else statement breaks because variable doesn't always exist

javascript

if-statement

google-tag-manager