Question

这里再次感到愚蠢。我已经使用这种方法无数次地改变了div的宽度。这次我使用相同的数据集来添加一个类来“显示”一个简单的snackBar。但是，我继续为var x得到“null”。这次我错过了什么愚蠢的简单事情？：/

我抛出警报（x）只是为了快速了解我现在或未得到的东西。

  document.addEventListener('DOMContentLoaded', function(event) {
    var divs = document.querySelectorAll('.navButton');
    //add event listener to all navButtons
    for (var i = 0; i < divs.length; i++) {
     divs[i].addEventListener('click', showSnackBar);
    }
  });

function showSnackBar(e) {
   
 var x = document.getElementById(e.target.dataset.target);
 //alert(x)
 console.log(x)
 
 x.className = "show";
  
}

 <div class="header">  
  
      <a class="navButton" data-target="ASnackBar">A</a>
      <a class="navButton" data-target="BSnackBar">B</a>    
 
</div>

<div id="ASnackBar" class="snackBar">Content A</div>
<div id="BSnackBar" class="snackBar">Content B</div>

数据集在定位ID

0 个答案: