html当表格单元格的宽度拖动发生变化时其嵌套的div的宽度随着变化的js代码

当你想要让HTML表格单元格的宽度改变时，其内嵌的`<div>`的宽度也随之变化，你可以使用JavaScript的事件监听和DOM操作来实现。下面是一个简单的示例，假设你有一个表格单元格`<td>`和它内部的`<div>`：

<table id="myTable">
  <tr>
    <td id="cellWithDiv">
      <div id="innerDiv">内容</div>
    </td>
  </tr>
</table>

<style>
#innerDiv {
  /* 初始宽度 */
  width: 0px;
}
</style>

然后，你可以编写如下的JavaScript代码：

// 获取需要处理的元素
const cell = document.getElementById('cellWithDiv');
const innerDiv = document.getElementById('innerDiv');

// 监听表格单元格的宽度变化
cell.addEventListener('resize', function() {
  // 计算新的内嵌div宽度，通常是基于单元格的百分比
  const newWidthPercentage = cell.offsetWidth * 0.8; // 这里假设你想让内嵌div占据80%的宽度
  innerDiv.style.width = `${newWidthPercentage}px`;
});

这个例子中，每当`<td>`的宽度发生变化时，`innerDiv`的宽度会更新为其父元素宽度的80%。请注意，这只是一个基础示例，实际应用中可能需要考虑边界条件、响应式设计等因素。