La propiedad de ancho de tabla en HTML DOM se usa para establecer o devolver el valor del atributo de ancho de una tabla.
Nota : esta propiedad no es compatible con HTML5.
Sintaxis:
- Devuelve la propiedad de ancho de una tabla.
tableObject.width;
- Se utiliza para establecer la propiedad de ancho de una tabla.
tableObject.width ="pixels";
Valores de atributos:
- píxeles: Establece el ancho de una tabla en términos de píxeles.
- %: Establece el ancho de la tabla en términos de porcentaje (%).
Valores devueltos: Devuelve un valor numérico que representa el ancho del elemento de la tabla. Nota: no es compatible con HTML 5. Ejemplo 1: este ejemplo devuelve la propiedad de ancho de una tabla.
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM table width Property
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML DOM table width Property</h2>
<table border="1" id = "gfg" width="250">
<tr>
<th>NAME</th>
<th>AGE</th>
<th>BRANCH</th>
</tr>
<tr>
<td>BITTU</td>
<td>22</td>
<td>CSE</td>
</tr>
</table>
<br><br>
<button ondblclick="thead()">
Return width
</button>
<p id="sudo"></p>
<script>
function thead() {
var x =
document.getElementById("gfg").width;
document.getElementById("sudo").innerHTML
= x;
}
</script>
</body>
</html>
Antes de hacer clic en el botón: 
Después de hacer clic en el botón: 
Ejemplo 2: Este ejemplo establece la propiedad de ancho de una tabla.
html
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM table width Property
</title>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>HTML DOM table width Property</h2>
<table border="1" id = "gfg" width="250">
<tr>
<th>NAME</th>
<th>AGE</th>
<th>BRANCH</th>
</tr>
<tr>
<td>BITTU sehgl</td>
<td>22</td>
<td>CSE</td>
</tr>
</table>
<br><br>
<button ondblclick="thead()">
Return width
</button>
<br> <br>
<p id="sudo"></p>
<script>
function thead() {
var x = document.getElementById("gfg").width
= "350";
document.getElementById("sudo").innerHTML
= "The width ws set to" + x;
}
</script>
</body>
</html>
Antes de hacer clic en el botón: Después de hacer clic en el botón: 
Navegadores compatibles:
- Google Chrome 6.0
- Internet Explorer 10.0
- Firefox 16.0
- Apple Safari 5.0
- Ópera 10.6O
Publicación traducida automáticamente
Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA