Question

我需要使用javascript更改td的宽度。将拉入宽度的值，然后我需要将其倍增以获得百分比。我只需要知道如何编写js到目前为止我已经到了这里但它没有工作

<script language="JavaScript">
var divWidth = 66*0.4;

document.write("<td width="+divWidth+">");

document.getElementById("myRow").write("<td width="+divWidth+">");

</script>


<table>
<tr>
    <td id="myRow"></td>
</tr>

Answer 1

我想你想要这个：

<script type="text/javascript">
  var divWidth = 66*0.4;
  document.getElementById("myRow").setAttribute('width', divWidth);//defaults to pixels
  //or if you really want this as a percentage
  document.getElementById("myRow").setAttribute('width', divWidth+'%');//percent
</script>


<table>
  <tr>
    <td id="myRow"></td>
  </tr>
</table>

但是，我会在您的代码中调整一些内容。我将脚本标记中的语言属性（现已弃用）更改为type="javascript"。您的TD元素上的id为myRow我会将此更改为反映单元格与行的内容。

Answer 2

尝试使用jQuery，它是一个Javascript库/框架，使用jQuery，您在上面尝试执行的操作将会轻松十倍。

使用jQuery，您的代码将是：

$(document).ready(function () {
    var newWidth = $("#myRow").width();
    $("#myRow").width(newWidth*0.4);
}

//编辑：

抱歉，我有多重错误。

用js动态改变td宽度

2 个答案: