如何从Javascript代码设置单元格宽度（HTML表）

我有一个HTML表格。如何从Javascript代码更改该表的一个单元格的宽度？例如，我有一个按钮，当我按下它时，我想改变一个特定列的宽度。如何实现这一点？

以下是使用jQuery（一种流行的JavaScript库）实现这一点的方法：

---

下面是使用jQuery（一种流行的JavaScript库）的方法：

---

使用CSS方法应用宽度

$('td').css('width','200px');

说明：

获取所有td元素。并应用CSS属性width并将其值设置为200px。对于每个td元素

$（'td'）

是标记选择器。它将选择所有td元素

.css（）将应用您提到的样式规则

---

使用CSS方法应用宽度

$('td').css('width','200px');

说明：

获取所有td元素。并应用CSS属性width并将其值设置为200px。对于每个td元素

$（'td'）

是标记选择器。它将选择所有td元素

.css（）将应用您提到的样式规则

---

您可以不使用jQuery来完成这项工作

工作示例：

---

您可以不使用jQuery来完成这项工作

工作示例：

---

请看这个问题[这里][1]。它回答了你的问题。[1] ：或这个：谢谢！很抱歉，我没有看到那个问题。这个答案有帮助：您可以尝试clientWidth属性作为：var tdWidth=document.getElementById（'td'）；警报（tdWidth.clientWidth）；clientWidth仅返回宽度的数字部分，例如，如果宽度为50px，则将返回50px。请查看此问题[此处][1]。它回答了你的问题。[1] ：或这个：谢谢！很抱歉，我没有看到那个问题。这个答案有帮助：您可以尝试clientWidth属性作为：var tdWidth=document.getElementById（'td'）；警报（tdWidth.clientWidth）；clientWidth仅返回宽度的数字部分，例如，如果宽度为50px，则它将返回50+1以给出不需要jQuery的示例；如果给出不需要jQuery的示例，则返回50+1

var btn = document.getElementById('btn');

btn.onclick = function() {
    var tbl = document.getElementById('tbl');
    var td = tbl.rows[0].cells[0];
    td.width = '500px';
    td.style.backgroundColor = 'blue';
}