Quizás pueda parecer algo tonto, pero a la hora de escribir un gran documento son muchos caracteres extras que suman Kb. Además queda más estético, enterate como..
¿Cómo reemplazar document.getElementById()?
document.getElementById() se utiliza para referenciar a un objeto dentro del cuerpo del HTML, para modificar sus atributos como tamaño, color, y cosas mucho mas complejas.
Realizar este operativo es muy sencillo solo tenemos que crear una función que retorna el objeto al cual no queremos referir. para ello, en nuestro archivo .js hacemos esto:
(archivo .js)
function $ById(x){
return document.getElementById(x);
}
Explicación
El nombre de la funcion $ById es totalmente mdificable, puedes poner el que quieras, es una función y actúa como tal.
el Argumento "x", también es aleatorio y puedes poner cualquier letra o palabra, su función es recibir el nombre de la div en este caso.
Implementación
<!doctype html>
<html>
<head>
<title>Test</title>
</head>
<script>
function $ById(x){
return document.getElementById(x);
}
function cambiaColor(){$ById("tag").style.color="#F40"}
</script>
<body>
<div id="tag" onClick="cambiaColor()">Click me!</div>
</body>
</html>
Otras Opciones
También puedes reemplazar similares trozos ce código como estos:
function $ByTag(x){
return document.getElementsByTagName(x);
}
function $ByClass(x){
return document.getElementsByClassName(x);
}
¿Cómo reemplazar document.getElementById()?
document.getElementById() se utiliza para referenciar a un objeto dentro del cuerpo del HTML, para modificar sus atributos como tamaño, color, y cosas mucho mas complejas.
Realizar este operativo es muy sencillo solo tenemos que crear una función que retorna el objeto al cual no queremos referir. para ello, en nuestro archivo .js hacemos esto:
(archivo .js)
function $ById(x){
return document.getElementById(x);
}
Explicación
El nombre de la funcion $ById es totalmente mdificable, puedes poner el que quieras, es una función y actúa como tal.
el Argumento "x", también es aleatorio y puedes poner cualquier letra o palabra, su función es recibir el nombre de la div en este caso.
Implementación
<!doctype html>
<html>
<head>
<title>Test</title>
</head>
<script>
function $ById(x){
return document.getElementById(x);
}
function cambiaColor(){$ById("tag").style.color="#F40"}
</script>
<body>
<div id="tag" onClick="cambiaColor()">Click me!</div>
</body>
</html>
Otras Opciones
También puedes reemplazar similares trozos ce código como estos:
function $ByTag(x){
return document.getElementsByTagName(x);
}
function $ByClass(x){
return document.getElementsByClassName(x);
}
No hay comentarios.:
Publicar un comentario
Deja tu comentario aqui...