try:
<body>
<script>
var oTBL = document.createElement("TABLE")
var row=oTBL .insertRow();
var cell1=row.insertCell();
cell1.style.width="16";
cell1.style.verticalAlign='middle';
cell1.innerHTML='dddddd';
document.body.appendChild(oTBL)
</script>
</body>
<body>
<script>
var oTBL = document.createElement("TABLE")
var row=oTBL .insertRow();
var cell1=row.insertCell();
cell1.style.width="16";
cell1.style.verticalAlign='middle';
cell1.innerHTML='dddddd';
document.body.appendChild(oTBL)
</script>
</body>
<td style="height:490; OVERFLOW: auto" valign="top" align="left">
<table id="searchtable" width="91%">
<tr><td></td></tr>
</table>
</td>
其中table的其他行和列是用程序动态加上去的。
当table大于td规定的长度之后,会自动加上滚动条,可为什么就是不加呢?搞的表格被拉的很长很长的,难看的要命。
2.td里面是不能这样显示滚动条的,试试这样
<table width=100 style="table-layout:fixed">
<tr>
<td style="height:90;" valign="top" align="left">
<div style="OVERFLOW: auto;height=100%">
<table id="searchtable" width="91%">
<tr><td>1<br>1<br>1<br>1<br>1<br>1<br>1<br></td></tr>
</table>
</div>
</td>
</tr>
</table>
<table border="1" width="100">
<tr>
<td width="100%">hello</td>
</tr>
<tr>
<td width="100%" id=test></td>
</tr>
</table>
<script>
var oTBL = document.createElement("TABLE")
var row=oTBL .insertRow();
var cell1=row.insertCell();
cell1.style.width="16";
cell1.style.verticalAlign='middle';
cell1.innerHTML='dddddd';
test.appendChild(oTBL)
</script>
<tr><td id=resulttd></td></tr></table>
<script>
var oTBL = document.createElement("TABLE")
var row=oTBL .insertRow();
var cell1=row.insertCell();
cell1.style.width="16";
cell1.style.verticalAlign='middle';
cell1.innerHTML='dddddd';
resulttd.appendChild(oTBL)
为什么老说我resulttd没有定义???
</script>
<body>
<table id="resulttable">
<tr><td id=resulttd></td></tr></table>
<script defer>
var oTBL = document.createElement("TABLE")
var row=oTBL .insertRow();
var cell1=row.insertCell();
cell1.style.width="16";
cell1.style.verticalAlign='middle';
cell1.innerHTML='dddddd';
resulttd.appendChild(oTBL)
</script>
</body>
<body>
<script>
var oTBL = document.createElement("TABLE")
var row=oTBL.insertRow();
var cell1=row.insertCell();
cell1.style.width="16";
cell1.style.verticalAlign='middle';
cell1.innerHTML='dddddd';
document.body.insertAdjacentElement("afterBegin",oTBL);
</script>
</body>
</html>
var row=oTBL .insertRow();
var cell1=row.insertCell();
cell1.style.width="16";
cell1.style.verticalAlign='middle';
cell2.innerHTML='dddddd';//怎么无端端跑出一个cell2来的?