Modificar Css de un elemento con JavaScript En este tutorial aprenderemos cómo modificar las propiedades Css de un elemento con JavaScript Modificar Css Para poder manipular el css de un elemento usaremos .style de JavaScript Veamos un ejemplo <script> //Seleccionamos el elemento de id=titulo var titulo = document.getElementById("titulo"); //Cambiamos el […]
javascript
20 entradas
Seleccionar un elemento con JavaScript En este tutorial aprenderemos los diferentes métodos para seleccionar un elemento del DOM con JavaScript. Seleccionar un elemento En JavaScript podemos seleccionar un elemento de varias formas: Por su Id <script> //Accedemos directamente al elemento deseado por su id única var elem = document.getElementById("id_del_elemento"); </script> […]
Propiedades y métodos del objeto location El objeto location de JavaScript contiene toda la información sobre la url actual del navegador y permite acceder a cada una de sus secciones. Propiedades del objeto location hash Obtiene o establece el ancla (#) de una url. url: «https://tutobasico.com/ejemplos.php#ej1» var ancla = location.hash; […]
Ejercicios de Iniciación JavaScript 6 Aquí tenemos unos pocos ejercicios más para para practicar. Aprenderemos a trabajar con funciones Ejercicios 1. Crea una función que devuelva el número PI con dos decimales. Utiliza la variable PI que ya existe en javascript 2. Crea una función que reciba un parámetro, un […]
Arrays bidimensionales en JavaScript En este tutorial aprenderemos cómo trabajar con arrays de más de una dimensión en JavaScript. Un array de dos dimensiones no es más que un array dentro de otro, es decir, un array de arrays. Para trabajar con arrays de más de 2 dimensiones puedes ver […]
Comprobar si existe función en JavaScript En este tutorial aprenderemos cómo averiguar si una función existe para que no nos de error cuando vayamos a utilizarla Existen varios métodos para saber si una función existe typeof if(typeof nombreFuncion === "function"){ //Si entra en la funcion entonces existe //Ya podemos usar […]
Secuencias de escape en JavaScript En este tutorial veremos cómo podemos escapar caracteres para que no influyan en la ejecución del código JavaScript. Veamos algunos ejemplos de caracteres y cómo escaparlos Ejemplo <script>//Texto que vamos a guardar en una variable: I'm "hungry"//Escapamos las comillasvar texto = "I\'m \"hungry\";</script> Si te […]
Generar tabla con JavaScript En este tutorial aprenderemos cómo generar una tabla utilizando los métodos de creación de elementos y atributos de JavaScript. Crearemos una tabla de este estilo // Obtenemos la referencia del elemento bodyvar body = document.getElementsByTagName("body")[0];// Creamos un elemento <table> y un elemento <tbody>var tabla = document.createElement("table");var […]
Convenciones de nombres en JavaScript Si queremos escribir un código JavaScript de calidad, con unas características y estructura claras, debemos acostumbrarnos a seguir una serie de reglas o convenciones. Archivos Por norma general, el código JavaScript debe ser almacenado en su correspondiente fichero de extensión js. No se debe enbeber […]
Condicionales y bucles JavaScript En este tutorial aprenderemos los diferentes condicionales y bucles que podemos usar en JavaScript y ejemplos de uso de cada uno de ellos. Condicional if Formato 1 Si la expresión es verdadera se ejecutan las instrucciones entre llaves. Al terminar sigue ejecutando las instrucciones siguientes. Si […]
Métodos de la clase Navigator JavaScript El Objeto Navigator nos permite conocer datos como el navegador que se está utilizando, su versión y sistema operativo del usuario, etc… Propiedades Métodos Ejemplos <script type="text/javascript"> document.write("apCodename: " + navigator.appCodeName ); document.write("<br> Nombre del navegador: " + navigator.appName ); document.write("<br> Version del navegador: […]
Métodos de la clase String JavaScript El objeto String permite manipular cadenas de texto Propiedades Métodos Los métodos del objeto string no respetan los estándares de la W3C (World W/de Web Consortium), organismo encargado de la estandarización de las tecnologías de Internet. Por este motivo, es importante prestar mucha atención […]
Generar número aleatorio JavaScript Para obtener un número aleatorio en JavaScript podemos combinar dos métodos de la clase Math: Math.floor() y Math.random() Math.random() La función Math.random devuelve un número aleatorio mayor que cero y menor que uno. var num = Math.random(); //Resultados posibles: 0.5, 0.12, 0,7, 0.99 Math.floor() La función […]
Métodos de la clase Document JavaScript Con el objeto Document es posible manipular las propiedades y contenido de los elementos principales de las páginas web. Este objeto cuenta con una serie de subobjetos como son puntos de anclaje, imágenes, vínculos o formularios, que son los que le dan el verdadero […]
Métodos de la clase Number JavaScript El objeto Number representa el tipo de dato numérico en JavaScript. Al crear un objeto Number, el valor que se crea depende de lo que le pasemos por parámetros al constructor. Si el constructor recibe un número inicializa el objeto con el número que […]
Métodos de la clase Math JavaScript El objeto Math permite realizar operaciones matemáticas en JavaScript. Math es un objeto global de JavaScript. A diferencia de los demás, las propiedades y métodos de Math son todos estáticos, es decir, no se pueden instanciar objetos, se trabaja directamente con la clase. Propiedades […]
Métodos de la clase Date JavaScript En este tutorial aprenderemos los diferentes métodos que podemos usar en JavaScript para trabajar con fechas Funciones de Fechas en JavaScript Trabajar con fechas Para trabajar con fechas necesitamos instanciar un objeto de la clase Date. Podemos hacerlo de dos maneras diferentes: Creando un […]
Actualizar div con innerHTML JavaScript Propiedad innerHTML InnerHTML fue creado por Microsoft para Internet Explorer hace algunos años como método de acceso rápido al contenido de un contenedor en Html. Hasta hace poco no formaba parte de ningún estandar aunque se ha usado mucho por la comodidad que ofrece al […]
Actualizar página con JavaScript Scripts para refrescar una página con JavaScript Función refrescar Al ejecutarla actualiza toda la página. location.reload(); Refrescar con un simple enlace Actualiza la página completamente al hacer click en el enlace. //Código html enlace <a href="javascript:location.reload()">Actualizar página</a> Refrescar al pulsar un botón Al pulsar el botón […]
Métodos Arrays JavaScript Métodos de Arrays más utilizados en JavaScript Método sort() Por defecto, el método sort() ordena un array pero trata los elementos como strings. Ej: Si queremos ordenar un array de números del 1 al 20 nos devolverá (1,10,11,12,13,14,15,16,17,18,19,2,20,3,……..) Para que los ordene como números tenemos que incluir […]