js、html问题：table 增加一行，表格下移
<HTML><TITLE>FormObjectexample</TITLE><HEAD><scriptlanguage="javascript">functiondelr...
<HTML>
<TITLE>Form Object example</TITLE>
<HEAD>
<script language="javascript">
function delrow1()
{
var oElement=event.srcElement;
while(oElement.tagName!="TR")
{
oElement=oElement.parentElement;
}
var oTBody=oElement.parentElement;
oTBody.removeChild(oElement)
}
function delrow2()//删除当前行
{
var currRowIndex=event.srcElement.parentNode.parentNode.rowIndex;
document.all.yltable.deleteRow(currRowIndex);//table10--表格id
}
function insertrow1() //增加的一行方法1
{
var newnode = document.getElementById('yltable').lastChild.cloneNode(true);
document.getElementById('yltable').appendChild(newnode);
}
function insertrow2() //增加的一行方法2
{
newRow=document.all.yltable.insertRow(-1);
var j_1 = document.all.yltable.rows.length;
newcell=newRow.insertCell();
newRow.bgColor='#FFFFFF';
newcell.align='center';
newcell.innerHTML=""+j_1+"";
newcell=newRow.insertCell() ;
newRow.bgColor='#FFFFFF';
newcell.align='center';
newcell.innerHTML="<input type='text' name='ylText"+j_1+"' />";
newcell=newRow.insertCell() ;
newRow.bgColor='#FFFFFF';
newcell.align='center';
newcell.innerHTML='<input name="button3" type="button" onClick="delrow1()" value="删除1"> <input name="button3" type="button" onClick="delrow2()" value="删除2">';
document.all.yltable.focus();
}
function inserttable()
{
var newnode = document.getElementById('yltable').cloneNode(true);
document.getElementById('ylform').appendChild(newnode);
}
</script>
</HEAD>
后面还有一些，好难发啊，看这里好了。谢谢大侠帮忙啊
地址：http://hi.baidu.com/zwmruna/blog/item/4ce905f6bb2f86e27609d7b9.html
运行后，可看到效果，当点击增加一行2时，表格会增加一行，增加到一定行是会出现滑动条，这时没有任何问题，但是，当增加到11行时，整个表格开始下移。不知道这时为什么，希望高手指点一下，感激不已 展开
<TITLE>Form Object example</TITLE>
<HEAD>
<script language="javascript">
function delrow1()
{
var oElement=event.srcElement;
while(oElement.tagName!="TR")
{
oElement=oElement.parentElement;
}
var oTBody=oElement.parentElement;
oTBody.removeChild(oElement)
}
function delrow2()//删除当前行
{
var currRowIndex=event.srcElement.parentNode.parentNode.rowIndex;
document.all.yltable.deleteRow(currRowIndex);//table10--表格id
}
function insertrow1() //增加的一行方法1
{
var newnode = document.getElementById('yltable').lastChild.cloneNode(true);
document.getElementById('yltable').appendChild(newnode);
}
function insertrow2() //增加的一行方法2
{
newRow=document.all.yltable.insertRow(-1);
var j_1 = document.all.yltable.rows.length;
newcell=newRow.insertCell();
newRow.bgColor='#FFFFFF';
newcell.align='center';
newcell.innerHTML=""+j_1+"";
newcell=newRow.insertCell() ;
newRow.bgColor='#FFFFFF';
newcell.align='center';
newcell.innerHTML="<input type='text' name='ylText"+j_1+"' />";
newcell=newRow.insertCell() ;
newRow.bgColor='#FFFFFF';
newcell.align='center';
newcell.innerHTML='<input name="button3" type="button" onClick="delrow1()" value="删除1"> <input name="button3" type="button" onClick="delrow2()" value="删除2">';
document.all.yltable.focus();
}
function inserttable()
{
var newnode = document.getElementById('yltable').cloneNode(true);
document.getElementById('ylform').appendChild(newnode);
}
</script>
</HEAD>
后面还有一些，好难发啊，看这里好了。谢谢大侠帮忙啊
地址：http://hi.baidu.com/zwmruna/blog/item/4ce905f6bb2f86e27609d7b9.html
运行后，可看到效果，当点击增加一行2时，表格会增加一行，增加到一定行是会出现滑动条，这时没有任何问题，但是，当增加到11行时，整个表格开始下移。不知道这时为什么，希望高手指点一下，感激不已 展开
2个回答
展开全部
不是表格在下移，是div在下移,div的style是浮动的
<div style="overflow-y:auto; position:absolute; overflow-x:visible;width:85%;height:150px">
加上 position:absolute;
<div style="overflow-y:auto; position:absolute; overflow-x:visible;width:85%;height:150px">
加上 position:absolute;
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
