单击右键然后向左浮动并使用单个函数左键单击左键，只有javascript？

Question

这就是我的尝试：

- HTML -

<div id="box1">
    <button type="button" onClick="float()" value="1" id="left">left</button>   
    <button type="button" onClick="float()" value="2" id="right">right</button>
</div>

- CSS -

#box1 {
    width:250px;
    height:490px;
    display:block;
    float:left;
}

- JS -

function float() {
var r = document.getElementById("right").value,
l = document.getElementById("left").value
if(r==2){   
    document.getElementById("box1").style.cssFloat="right";
}
if(l==1){
    document.getElementById("box1").style.cssFloat="left";
}

}

我尝试删除第二个if语句并且代码工作正常，即float已更改为右。请帮忙。提前谢谢。

Answer 1

试试这个：

function float() {
var r = document.getElementById("right").value;
var l = document.getElementById("left").value;
if(r==2){   
    document.getElementById("box1").style.cssFloat="right";
}
if(l==1){
    document.getElementById("box1").style.cssFloat="left";
}

Answer 2

这对我有用：

function float(move) {
    var name = move,
    side = name.className;
    if(side=="right"){
        document.getElementById("box1").style.cssFloat="right";
    }
    if(side=="left"){
        document.getElementById("box1").style.cssFloat="left";
    }
}