此问题已在此处有答案：

What do querySelectorAll and getElementsBy* methods return?（12个回答）
querySelector and querySelectorAll vs getElementsByClassName and getElementById in JavaScript（11个答案）
2天前关闭。
如何让getElementsByClassName工作？想要替换工作正常的getElementById，但需要获取类。
Codepen here
HTML：

<div class="spinner-displayer3"></div>    
<div id="something"  class="something2">Click orange box!</div>

CSS：

#something, .something2 {
  margin:150px 0 0 150px;
  background-color:orange;
  width:130px;
}
   
.loading2 {
position:fixed;                      
top:0;
left:0;
z-index:1000001;
width:100%; 
height:100%;
background-image: url("https://tradinglatam.com/wp-content/uploads/2019/04/loading-gif-png-4.gif");
border: 2px solid #ccc;
width: 100%;
height:100%;
background-color: white;
background-color: rgba(255, 255, 255, 0.8); 
background-repeat: no-repeat;
background-position: center;
}

现在轮到JS了

...Working JSS（fetching ID）：

function spinner() {
   const spinnerDisplayer = document.querySelector(".spinner-displayer3");
   const btn = document.getElementById("something");

   btn.addEventListener('click', () => {
   spinnerDisplayer.classList.add("loading2");

 })
}     
spinner();

...Not working JS（fetching class）：

function spinner() {
   const spinnerDisplayer = document.querySelector(".spinner-displayer3");
   const btn = document.getElementsByClassName("something2");

   btn.addEventListener('click', () => {
   spinnerDisplayer.classList.add("loading2");
 
 })
}     
spinner();