16 - Crear un atributo y agregárselo a un nodo de tipo elemento (setAttribute)



Problema:Se tiene una tabla sin borde. Confeccionar una función que inicialice la propiedad border de la tabla con el valor 5.
El archivo html es el siguiente:
<!DOCTYPE html>
<html>
<head>
<title>Problema</title>
<script src="funciones.js"></script>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</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="definir la propiedad border de la 
tabla" onClick="definirAtributo()">
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Problema</title>
<script src="funciones.js"></script>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</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="definir la propiedad border de la 
tabla" onClick="definirAtributo()">
</body>
</html>
function definirAtributo()
{
  var reftabla=document.getElementById('tabla1');
  reftabla.setAttribute('border','5');
}
Ver solución


Retornar