Dhtml
Páginas: 2 (440 palabras)
Publicado: 9 de octubre de 2012
La primera función que nos provee el DOM a través del objeto document es:
document.getElementById("nombre del Id de la marca HTML")
Nos retorna una referencia a la marca en símisma. Con esta referencia podemos acceder a sus propiedades como puede ser su contenido, color, fuente, etc. A esta función la emplearemos constantemente durante el curso.
Para disponer un ejemplo muysencillo dispondremos una marca <h1> en la página y luego por medio de dos botones cambiaremos su color, y su tamaño de fuente.
El archivo html es el siguiente:-------------------------------------------------
<html>
-------------------------------------------------
<head>
-------------------------------------------------<title>Problema</title>
-------------------------------------------------
<script language="javascript" src="funciones.js" type="text/javascript"></script>-------------------------------------------------
<link rel="StyleSheet" href="estilos.css" type="text/css">
-------------------------------------------------</head>
-------------------------------------------------
<body>
-------------------------------------------------
<h1 id="titulo">Este es un títulodinámico</h1>
-------------------------------------------------
-------------------------------------------------
<input type="button" value="CambiarColor" onClick="cambiarColor()">
-------------------------------------------------
<input type="button" value="Cambiar Tamaño de Fuente"-------------------------------------------------
onClick="cambiarTamanoFuente()">
-------------------------------------------------
</body>
-------------------------------------------------...
document.getElementById("nombre del Id de la marca HTML")
Nos retorna una referencia a la marca en símisma. Con esta referencia podemos acceder a sus propiedades como puede ser su contenido, color, fuente, etc. A esta función la emplearemos constantemente durante el curso.
Para disponer un ejemplo muysencillo dispondremos una marca <h1> en la página y luego por medio de dos botones cambiaremos su color, y su tamaño de fuente.
El archivo html es el siguiente:-------------------------------------------------
<html>
-------------------------------------------------
<head>
-------------------------------------------------<title>Problema</title>
-------------------------------------------------
<script language="javascript" src="funciones.js" type="text/javascript"></script>-------------------------------------------------
<link rel="StyleSheet" href="estilos.css" type="text/css">
-------------------------------------------------</head>
-------------------------------------------------
<body>
-------------------------------------------------
<h1 id="titulo">Este es un títulodinámico</h1>
-------------------------------------------------
-------------------------------------------------
<input type="button" value="CambiarColor" onClick="cambiarColor()">
-------------------------------------------------
<input type="button" value="Cambiar Tamaño de Fuente"-------------------------------------------------
onClick="cambiarTamanoFuente()">
-------------------------------------------------
</body>
-------------------------------------------------...
Leer documento completo
Regístrate para leer el documento completo.