elhacker.net cabecera Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.


 


Tema destacado: Introducción a la Factorización De Semiprimos (RSA)


+  Foro de elhacker.net
|-+  Programación
| |-+  Desarrollo Web (Moderador: #!drvy)
| | |-+  Duda con una funcion en javascript
0 Usuarios y 1 Visitante están viendo este tema.
Páginas: [1] Ir Abajo Respuesta Imprimir
Autor Tema: Duda con una funcion en javascript  (Leído 340 veces)
palacio29

Desconectado Desconectado

Mensajes: 103


Ver Perfil
Duda con una funcion en javascript
« en: 30 Mayo 2020, 06:27 »

Hola.
Tengo un problema. Lo que necesito hacer es un boton que al darle click, haga aparecer o desaparecer un DIV o algun elemento en particular. Algo que parece simple, pero me esta dando problemas (soy nuevo en esto).
En mi proyecto no esta funcionando, asi que traje un ejemplo y si me pueden hacer el favor de decirme en que estoy fallando porque no le encuentro la vuelta.

Este es el codigo, es un HTML que consta de un titulo y quiero que modifique su estilo

Código
  1. <link type="text/css" href="estilo.css" rel="stylesheet"></link>
  2.  
  3. </head>
  4. <H1 class="titulo">Hola</H1>
  5. <button onclick="continuar()">Borrar el titulo</button>
  6. </body>
  7.  
  8. function continuar()
  9. {
  10. alert("Hola esto funciona, osea entra en la funcion");
  11. var div = document.getElementByClass("titulo");
  12. div.style.display="none";
  13. }
  14. </html>

El CSS lo unico que tiene es la clase titulo que tiene la linea: display:block;


En línea

EdePC
Colaborador
***
Desconectado Desconectado

Mensajes: 1.393



Ver Perfil
Re: Duda con una funcion en javascript
« Respuesta #1 en: 30 Mayo 2020, 14:12 »

- Ya veo, el problema está en que getElementByClass está incompleto, lo correcto es getElementsByClassName. Siempre puedes utilizar un editor de código ligero como SublimeText o uno más completo como Visual Studio Code para que te ayude a con la sintaxis y autocompletado de código. Además tienes la Consola en las Herramientas de Desarrollador del navegador web (F12), ahí debe mostrar los errores y además puedes probar código.

- getElementsByClassName devuelve un HTMLCollection que es un Array Like, osea, devuelve siempre una especie de Array que contiene todos los elementos que tengan la Clase especificada, si quieres obtener solo el primer elemento debes usar el primer índice ( .[0] )

- Lo siguiente funciona para mí:

Código
  1. <html>
  2.  <head>
  3.    <link type="text/css" href="estilo.css" rel="stylesheet">
  4.  </head>
  5.  <body>
  6.    <h1 class="titulo">Hola</h1>
  7.    <button onclick="continuar()">Borrar el titulo</button>
  8.  </body>
  9.  
  10.  <script>
  11.    function continuar() {
  12.      alert("Hola esto funciona, osea entra en la funcion");
  13.      var div = document.getElementsByClassName("titulo")[0];
  14.      div.style.display = "none";
  15.    }
  16.  </script>
  17. </html>


En línea

palacio29

Desconectado Desconectado

Mensajes: 103


Ver Perfil
Re: Duda con una funcion en javascript
« Respuesta #2 en: 30 Mayo 2020, 16:01 »

Muchisimas gracias, estaba usando el sublime, pero no se que paso.
En línea

Páginas: [1] Ir Arriba Respuesta Imprimir 

Ir a:  

Mensajes similares
Asunto Iniciado por Respuestas Vistas Último mensaje
funcion javascript
Desarrollo Web
qiqeroot 2 1,285 Último mensaje 5 Diciembre 2010, 19:11
por Nakp
=javascript= Duda sobre funcion substring (subStr) (SOLUCIONADO)
Java
CloudswX 3 6,822 Último mensaje 28 Abril 2011, 15:44
por Debci
[javascript] llamar a funcion que se recibe por parametro de la funcion
Desarrollo Web
Graphixx 0 4,097 Último mensaje 24 Abril 2012, 19:36
por Graphixx
Una función en javascript
Desarrollo Web
Diesan Romero 3 1,399 Último mensaje 18 Mayo 2017, 21:20
por dato000
Duda funcion javascript
Desarrollo Web
rubcr 3 473 Último mensaje 30 Mayo 2020, 07:23
por .:Xx4NG3LxX:.
Aviso Legal - Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines