Erro: Uncaught TypeError: document.getElementByClass is not a function
19/08/2019
0
Bom dia pessoal,
estou tentando desde ontem uma simples função de quando clicar num botão abrir um modalzinho com uma mensagem mas sempre retorna esse erro Uncaught TypeError: document.getElementByClass is not a function at openModal (moveSide.js:26) at HTMLAnchorElement.onclick (meusCupons.php:52)
Linhas do js:
Linhas Html:
Alguem sabe me dizer oq estaria de errado ?
estou tentando desde ontem uma simples função de quando clicar num botão abrir um modalzinho com uma mensagem mas sempre retorna esse erro Uncaught TypeError: document.getElementByClass is not a function at openModal (moveSide.js:26) at HTMLAnchorElement.onclick (meusCupons.php:52)
Linhas do js:
function openModal() {
var tela = document.getElementByClass('information');
tela.classList.toggle('dNone');
}Linhas Html:
<div class='border'>
<div class='p-cima'>
<img src="../imgs/xxx.jpg" alt="xxx">
<div>
<a href="#" onClick='openModal()'><i class="fas fRight fa-info-circle"></i></a>
<h2>xxx</h2>
<span>Hoje às 14:54</span>
</div>
</div>
</div>
<div class="information">
<div class='border'>
<h3>Como utilizar<i class="fRight fas fa-times-circle" onClick='openModal()'></i></h3>
<p>texto aqui.</p>
</div>
</div>
Alguem sabe me dizer oq estaria de errado ?
Luke Campos
Curtir tópico
+ 0
Responder
Posts
19/08/2019
Jothaz
Onde esta o código da criação da Modal?
Existem várias formas de se criar uma modal:
1 - Você cria seu próprio estilo para modal, exemplo de uma modal do W3Sshool
2 - Usa o boostrap que prove uma solução pronta
3 - Uso o jquery tipo o boostrap
Ou usa outra solução pronta, o que é mais produtivo e rápido.
Agora se fora para estudar tente criar a sua própria solução.
Existem várias formas de se criar uma modal:
1 - Você cria seu próprio estilo para modal, exemplo de uma modal do W3Sshool
https://www.w3schools.com/w3css/w3css_modal.asp https://www.w3schools.com/howto/howto_css_modals.asp
2 - Usa o boostrap que prove uma solução pronta
https://www.w3schools.com/bootstrap/bootstrap_modal.asp
3 - Uso o jquery tipo o boostrap
https://jquerymodal.com/
Ou usa outra solução pronta, o que é mais produtivo e rápido.
Agora se fora para estudar tente criar a sua própria solução.
Responder
19/08/2019
Luke Campos
Onde esta o código da criação da Modal?
Existem várias formas de se criar uma modal:
1 - Você cria seu próprio estilo para modal, exemplo de uma modal do W3Sshool
2 - Usa o boostrap que prove uma solução pronta
3 - Uso o jquery tipo o boostrap
Ou usa outra solução pronta, o que é mais produtivo e rápido.
Agora se fora para estudar tente criar a sua própria solução.
Existem várias formas de se criar uma modal:
1 - Você cria seu próprio estilo para modal, exemplo de uma modal do W3Sshool
https://www.w3schools.com/w3css/w3css_modal.asp https://www.w3schools.com/howto/howto_css_modals.asp
2 - Usa o boostrap que prove uma solução pronta
https://www.w3schools.com/bootstrap/bootstrap_modal.asp
3 - Uso o jquery tipo o boostrap
https://jquerymodal.com/
Ou usa outra solução pronta, o que é mais produtivo e rápido.
Agora se fora para estudar tente criar a sua própria solução.
Vlws pelas dicas, mas consegui resolver já, simplesmente mudei de getElementByClass para getElementById e funcionou normal, entre id e class nao me trará diferenças então permanecerei assim, obrigado do mesmo jeito
Responder
Clique aqui para fazer login e interagir na Comunidade :)