getElementsByClassName无法在特定的情况下工作

时间:2015-10-19 01:11:07

标签: javascript

我想要" CONTEUDO1"成为一个阶级,而不是一个id。他们没有工作。只有getElementById模式。

我该怎么做才能解决?



var switchText = document.getElementById("clickpin");
var elToggled = document.getElementsById("CONTEUDO1");
var imgPino = document.getElementById("pinoquadro");
var imgPinoX = document.getElementById("pinoquadrox");

elToggled.style.display = "none";
leToggled.style.display = "none";
ellToggled.style.display = "none";
switchText.addEventListener("click", function () {
    if ((elToggled.style.display == "block") 
    {
        elToggled.style.display = "none";
    } 
    else {
        elToggled.style.display = "block";
    }
}, false);

imgPino.style.display = "block";
imgPinoX.style.display = "none";
switchText.addEventListener("click", function () {
    if ((imgPino.style.display == "block") && (imgPinoX.style.display == "none")) {
        imgPino.style.display = "none";
        imgPinoX.style.display = "block";
    } else {
        imgPino.style.display = "block";
        imgPinoX.style.display = "none";
    }
}, false);
}

#CONTEUDO1 {
 position: absolute;
 top: -30px;
 border: 20px solid white;
 left: 323px;
 padding:2px;
 border-radius: 50px 50px 50px 0px;
 line-height:20px;
 background: grey;
 color:#fff;
 width: 1210px;
 height: 570px;
 z-index: 1;
  }

<a href="#" class="scroll" id="clickpin" style="font-style: none; cursor: pointer;"> 
  										<img id="pinoquadro" src="http://yuritucci.com.br/wp-content/uploads/2015/10/pino1.png" style="width: 50px; display: block;">
                      					<img id="pinoquadrox" src="http://yuritucci.com.br/wp-content/uploads/2015/10/pino2.png" style="display: none; width: 50px;"> </a>  
										   
  									<div id="CONTEUDO1" style="display: none;">  
  									    		
											<h2 style="font-size: 33px;margin: 10px 0px 40px 10px;">
											Animação / Trilha  <b>"Pietro"</b>	</h2>
  											<p style="font-size: 15px;width: 262px;text-align: center;margin: 0px 19px;"> 
  											Nosso exemplo de animação para eventos de aniversários infantis: o pai do Pietro não pensou duas vezes antes de responder "Carros!" quando perguntamos o que podia ter na telinha que chamaria a atenção de seu filho. E então que se realize! Um parabéns para o nosso campeão!
											</p>

									</div> 
&#13;
&#13;
&#13;

0 个答案:

没有答案