假如一个td标签里有2个按钮,我要让1个放在该行的最左边,一个放在最右边,用js该怎么做

JavaScript012

假如一个td标签里有2个按钮,我要让1个放在该行的最左边,一个放在最右边,用js该怎么做,第1张

<script>

if(document.all("Submit2").style.styleFloat){

document.all("Submit2").style.styleFloat='right'

}else{

document.all("Submit2").style.cssFloat='right'

}

</script>

//其中Submit2为第二个按钮的ID

解决方法:

1、把button定义成绝对定位,position:absoulte的方式,然后设置left,top的方式进行位置控制

2、如果是节点移动,则可以通过dom删除和增加的方式来调整位置

问题解决:

这里针对的是第二种情况,可以把对应的节点获取后,删除再插入到对应的节点后。

代码示例:

<script>

function move(self){

   var p = self.parentNode//获取当前节点的父节点

   self.remove()//移除当前节点

   p.appendChild(self)   //父节点添加当前节点

}

</script>

</head>

<body>

<div>

  <input type="button" id="button1"   value="1" onclick="move(this)">

  <input type="button" id="button2"  value="2"/>

</div>

</body>