Javascript 切换表的行仅第二次有效
下面是一个简单的HTMLJavascript 切换表的行仅第二次有效,javascript,html,dom,Javascript,Html,Dom,下面是一个简单的HTML,有两行,每行都有向上/向下移动行的链接: A排 B排 功能启动(链接){ var row=link.parentNode.parentNode; var prevRow=行。previousSibling; if(prevRow!=null){ row.parentNode.insertBefore(row,prevRow); } } 功能关闭(链接){ var row=link.parentNode.parentNode; var nextRow=row.next
,有两行,每行都有向上/向下移动行的链接:
A排
B排
功能启动(链接){
var row=link.parentNode.parentNode;
var prevRow=行。previousSibling;
if(prevRow!=null){
row.parentNode.insertBefore(row,prevRow);
}
}
功能关闭(链接){
var row=link.parentNode.parentNode;
var nextRow=row.nextSibling;
如果(nextRow!=null){
row.parentNode.insertBefore(nextRow,row);
}
}
因为空格也是一个节点以前的同级
/nextSibling
在第一次调用任何函数时返回#text
,之后它会自行修复。因此,要让它第一次工作,请更改为previousElementSibling
/nextElementSibling
A排
B排
功能启动(链接){
var r=link.parentNode.parentNode;
var rp=r.previousElementSibling;
如果(rp!=null){
r、 parentNode.insertBefore(r,rp);
}
}
功能关闭(链接){
var r=link.parentNode.parentNode;
var rn=r.nextElementSibling;
如果(rn!=null){
r、 parentNode.insertBefore(rn,r);
}
}
因为空格也是一个节点以前的同级
/nextSibling
在第一次调用任何函数时返回#text
,之后它会自行修复。因此,要让它第一次工作,请更改为previousElementSibling
/nextElementSibling
A排
B排
功能启动(链接){
var r=link.parentNode.parentNode;
var rp=r.previousElementSibling;
如果(rp!=null){
r、 parentNode.insertBefore(r,rp);
}
}
功能关闭(链接){
var r=link.parentNode.parentNode;
var rn=r.nextElementSibling;
如果(rn!=null){
r、 parentNode.insertBefore(rn,r);
}
}