Tutorial de DHTML : Temarios

La actividad inversa de agregar un atributo a una marca HTML se logra mediante el método removeAttribute.

Para ver el funcionamiento de este método implementaremos una página que muestra dos hipervínculos, luego mediante dos botones podemos crear o eliminar el atributo href de las respectivas marcas.

pagina1.html

<html>
<head>
<title>Problema</title>
<script language="javascript" src="funciones.js" type="text/javascript"></script>
</head>
<body>
<a id="enlace1" href="http://www.google.com.ar">Google.</a><br>
<a id="enlace2" href="http://www.yahoo.com.ar">Yahoo.</a><br>
<input type="button" value="Eliminar atributos" onClick="eliminarAtributo()">
<input type="button" value="Inicializar atributos" onClick="inicializarAtributo()">
<br>
</body>
</html>

funciones.js

function eliminarAtributo()
{
  var puntero=document.getElementById('enlace1');
  puntero.removeAttribute('href');
  puntero=document.getElementById('enlace2');
  puntero.removeAttribute('href');
}

function inicializarAtributo()
{
  var puntero=document.getElementById('enlace1');
  puntero.setAttribute('href','http://www.google.com.ar');
  puntero=document.getElementById('enlace2');
  puntero.setAttribute('href','http://www.yahoo.com.ar');
}

Lo nuevo se encuentra en la función eliminarAtributo.
Primero obtenemos la referencia del primer enlace cuyo id se llama enlace1:

  var puntero=document.getElementById('enlace1');

Y ahora con la referencia a la marca HTML que se guardó en la variable puntero llamamos al método removeAttribute:

  puntero.removeAttribute('href');

Lo mismo hacemos para el segundo enlace:

  puntero=document.getElementById('enlace2');
  puntero.removeAttribute('href');

Para crear el atributo lo hacemos como lo vimos en un concepto anterior:

 var puntero=document.getElementById('enlace1');
  puntero.setAttribute('href','http://www.google.com.ar');
  puntero=document.getElementById('enlace2');
  puntero.setAttribute('href','http://www.yahoo.com.ar');

18 - Borrar un atributo de un elemento (removeAttribute)