Se tiene una tabla y dos controles de tipo button. Permitir inicializar con 5 la propiedad border de la tabla al presionar uno de los botones y borrar la propiedad border al presionar el otro botón.
El archivo pagina1.html es el siguiente:
<html>
<head>
<title>Problema</title>
<script language="javascript" src="funciones.js" type="text/javascript"></script>
</head>
<body>
<table id="tabla1">
<tr>
<td>11</td><td>12</td>
</tr>
<tr>
<td>21</td><td>22</td>
</tr>
</table>
<input type="button" value="Inicializar borde" onClick="definirAtributo()">
<input type="button" value="Borrar borde" onClick="borrarAtributo()">
</body>
</html>
<html>
<head>
<title>Problema</title>
<script languaje="javascript" src="funciones.js" type="text/javascript"></script>
</head>
<body>
<table id="tabla1">
<tr>
<td>11</td><td>12</td>
</tr>
<tr>
<td>21</td><td>22</td>
</tr>
</table>
<input type="button" value="Inicializar borde" onClick="definirAtributo()">
<input type="button" value="Borrar borde" onClick="borrarAtributo()">
</body>
</html>
function definirAtributo()
{
var reftabla=document.getElementById('tabla1');
reftabla.setAttribute('border','5');
}
function borrarAtributo()
{
var reftabla=document.getElementById('tabla1');
reftabla.removeAttribute('border');
}
Ver solución