添加事件侦听器的多个功能

Question

没有 jquery

嘿！我正在尝试将多个添加事件侦听器添加到一个按钮。

 function logoContame(){
    var logo = document.getElementById("logoheader");
    logo.addEventListener("click", hideDivHistorias);
    logo.addEventListener("click", showDivPagina2);
 }



function showPagina2(){

var historias = document.getElementById("historias");

var hist1 = document.getElementById("hist1");
hist1.id="hist1";
hist1.style.opacity = "0.0";
historias.appendChild(hist1);

var hist2 = document.getElementById("hist2");
hist2.id="hist2";
hist2.style.opacity = "0.0";
historias.appendChild(hist2);

var hist3 = document.getElementById("hist3");
hist3.id="hist3";
hist3.style.opacity = "0.0";
historias.appendChild(hist3);

var textoabrigo= document.getElementById("textoabrigo");
textoabrigo.id="textoabrigo";
textoabrigo.style.opacity = "0.0";
historias.appendChild(textoabrigo);

showHeader();
startFadeInPagina2();
showDivPagina2();
menuPag1();
logoInicial();

}


//Criar Página Inicial 


function showDivPagina2(){

var div2 = document.getElementById('historias').style.visibility = 
"visible";

}

第一个有效，但第二个无效。我怎样才能解决这个问题？我不断收到此错误：

Uncaught TypeError: Cannot set property 'id' of null
at showPagina2 (code.js:290)
at HTMLButtonElement.logo1 (code.js:30) 

它与“hist1”元素有关。

谢谢！

Answer 1

取决于这个this answer：

var logo = document.getElementById("logoheader");

logo.addEventListener('click',() => {    
     hideDivHistorias();
     showDivPagina2();    
});