尝试更改 javascript 中的文本位置

Trying to change the text position in javascript

本文关键字：文本 位置 javascript      更新时间：2023-09-26

我正在 html 中制作四个按钮 （ input type="button" ），并希望它们在单击时运行功能，但没有任何反应。

HTML 代码是：

<div id="newtext" style="position:absolute; top:100px;">
    <p>this is Text</p>
</div>
<form>
    <input type="button" name="moveLayer" value="move Left" onclick="move('left');">
    <input type="button" name="moveLayer" value="move Right" onclick="move('right');">
    <input type="button" name="moveLayer" value="move Up" onclick="move('up'); ">
    <input type="button" name="moveLayer" value="move Down" onclick="move('down'); ">
</form>

脚本是：

function move(direction) {
    var layerText = document.getElementByID("newtext");
    switch(direction) {
    
    case "left":
        layerText.style.left=50;
        break;
        
    case "right":
        layerText.style.right=150;
        break;
    
    case "up":
        layerText.style.up=50;
        break;
    case "down":
        layerText.style.down=150;
        break;
    default:
    it is not working;
    }
}

提前谢谢..

这应该有效（没有 style.up 和 style.down 这样的东西）：

function move(direction) {
    var layerText = document.getElementById("newtext");
    switch (direction) {
        case "left":
            layerText.style.left = "50px";
            break;
        case "right":
            layerText.style.left = "150px";
            break;
        case "up":
            layerText.style.top = "50px";
            break;
        case "down":
            layerText.style.top = "150px";
            break;
    }
}

演示：http://jsfiddle.net/GE3C5/2/

layerText.style.up=50;
                 ^
layerText.style.down=150;
                 ^

没有属性上下。 改用顶部和底部;

default:
    it is not working;

可能会导致语法错误

相关文章：