浮动右点击右键和浮动左点击左键使用一个函数,只有javascript

Float right on clicking the right button and float left clicking the left button using a single function and only javascript?

本文关键字:一个 函数 只有 javascript 右键      更新时间:2023-09-26

我试过了:

(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被改为右。请帮助。

试试这个:

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";
}

这个对我很有用:

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";
    }
}