添加事件侦听器的多个功能 [英] multiple functions on add event listener

问题描述

没有 jquery

嘿！我正在尝试向按钮添加多个添加事件侦听器.

Hey! I'm trying to add multiple add Event Listener to a button.

 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";

}

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

The first one works, but the second one doesn't. How can I fix this? I keep getting this error:

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

它与hist1"元素有关.

and it is related to the "hist1" element.

谢谢！

推荐答案

取决于这个 这个答案:

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

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

这篇关于添加事件侦听器的多个功能的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！