Se usa el lenguaje javascript para crear un simple contador usando DOM (Document Object Model) en una página web. Una página web es un documento HTML que es interpretado por los navegadores en forma gráfica, pero también permiten el acceso al código. El Modelo de Objetos del Documento (DOM) describe el contenido del documento como un conjunto de objetos que un programa Javascript puede actuar sobre ellos.
En el ejemplo se crea una capa "_count", la cual no tiene ningún nodo hijo, y con una función javascript añadimos o remplazamos un nodo usando las siguientes propiedades del objeto:
- appendChild(hijo); añadimos como hijo del nodo sobre el que se llama el método el nodo hijo
- replaceChild(nuevoHijo, hijoAntiguo); reemplazamos el hijo hijoAntiguo del nodo por el nodo nuevoHijo
- Fichero count.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Author" content="hack.spartak">
<title>Contador</title>
<script LANGUAGE="JavaScript">
var _oc = null, _count = 0;
function add() {
_count++;
var d = document.getElementById("_count");
var nc = document.createElement("h1");
nc.innerHTML = 'count: ' + _count;
if (_oc == null) d.appendChild(nc);
else d.replaceChild(nc, _oc);
_oc = nc;
}
</script>
</head>
<body bgcolor="#FFFFFF">
<input type="button" onClick="add();" value="Aadir Elemento"/>
<div id="_count"></div>
</body>
</html>
-------
_consejo: _es necesario tener conocimientos básicos en XML para poder lanzarnos a manejar objetos DOM
-------
Suscribirse a:
Enviar comentarios (Atom)
No hay comentarios:
Publicar un comentario