<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title></title>
<script language="javascript">function show(){ if(tb1.children[0].children[0].children[0].clientWidth - 3 >= tb1.children[0].children[0].children[0].width) 
alert('满了');
}</script>
</head><body>
      <table id="tb1">
        <tr >
          <td width="100">eeeeeeeeeeeeee</td>
          <td style="width:50px">其它内容</td>
        </tr>
      </table><input type=button value="alert" onclick="show()">
</body>
</html>

解决方案 »

  1.   

    借个地方问问...
    JS里面那几个长宽的属性值值老是搞不清楚...请楼上的大虾解释下...
    width, clientWidth, offsetWidth, scrollWidth
    @_@
      

  2.   

    width 对象实际宽度clientWidth 客户端窗体的实际宽度offsetWidth (没用过,猜不出来)scrollWidth 带上滚动轴之后的实际宽度(没用过,猜的)
      

  3.   

    你首先创建textrange对象,然后移动到你指定的那个td上,然后通过textrange对象来判断td中的内容的高度和宽度,然后跟td的内容区的高度和宽度进行比较就知道是否满了。这个功能我还没做过,大致应该是这样的一个过程,可能做起来比较麻烦。
      

  4.   

    大致的写法是这样的:
    1. 先创建textrange对象
      var range = document.createTextrange();
    2. 找到td1的子对象,假设td1为那个单元格,同时假设td1只有一个子对象
      var element = td1.childNodes[0];
    3. 移动textrange来包含指定的对象
      range.moveToElementText(element);
    4. 取得td中文字的rect对象
      var childHeight = range.boundingHeight;
      var childWidth = range.boundingWidth;
    5. 获取td1的客户端的高度和宽度
      var height = td1.clientHeight;
      var width = td1.clientWidth;大致是这样一个过程,其中的一些属性的大小写不一定对,具体你可以查一查文档。具体能不是实现我没有试过,可能很多地方都得改吧!
      

  5.   

    你是想不让里面的内容撑开表格吧?
    word-break:break-all;word-wrap:break-word
      

  6.   

    width 对象宽度属性 用于定义基础宽度 这个宽度可能会因为子原属的宽度而改变 如果子元素宽度是百分比 则是按照基础宽度来进行变动clientWidth 元素实际渲染宽度 包括边框 和 填充宽度 offsetWidth 元素相对渲染宽度 可以说是可渲染宽度 实际就是你能看到的宽度当然除了边框和填充 也是子元素可以利用的空间当然是可见范围内的scrollWidth 滚动条最大宽度 也就是整个元素的实际宽度