5,007
社区成员




- <script type="text/javascript">
- window.onload = function() {
- function $(id) {
- return document.getElementById(id);
- }
- $("info").innerHTML = "red cell clientWidth : " + $("td1").clientWidth +
- "<br/>blue cell clientWidth : " + $("td2").clientWidth +
- "<br/>gold cell clientWidth : " + $("td3").clientWidth;
- }
- </script>
- <table id="T" style="color:white;" cellpadding="0" cellspacing="0">
- <tr>
- <td id="td1" style="background-color:red;">td1</td>
- <td id="td2" style="background-color:blue; width:100px;">td2</td>
- </tr>
- <tr>
- <td id="td3" style=" background-color:gold; width:300px;" colspan="2">td3</td>
- </tr>
- </table>
- computed clientWidth:
- <div id="info" style="border:1px dashed red; width:300px;"></div>
在上面的代码中,T是一个表格,它的 ”table-layout” 没有设置,这时,会采用默认值’auto’,及自动布局。