javascript - 我如何从 Div Top 获取并添加到此 div top + 25？

Question

我试图添加这个 Div top: + 25 但我浪费了 6 个小时并且不知道如何实现它。

我试过这样的:

var testDiv = document.getElementById("GAME_NPC").offsetTop;
var testDiv2 = document.getElementById("GAME_CHARACTER").offsetTop += "32px";

//alert(testDiv2);
if (testDiv == testDiv2) {}

但这行不通。

            var testDiv = document.getElementById("GAME_NPC").offsetTop;
        var testDiv2 = document.getElementById("GAME_CHARACTER");
        var top = testDiv2.offsetTop;

        top += 32; //that one is int

        testDiv2.style.top = top + "px"; // and that one should be string with 'px'

        if(testDiv2 == testDiv){


        }

这也行不通

测试.css

#GAME_CHARACTER {
display: block;
position: absolute;
width: 32px;
height: 48px;
left: 32px;
top: 32px;
z-index:200;
}

#GAME_NPC {
    display: block;
    position: absolute;
    left: 0;
    top:120px;
    width: 96px;
    height: 128px;
    background: url(http://xxx/npc.gif) no-repeat center;
}

html代码:

            <DIV id="GAME_CHARACTER" class="left-stand" style="background-image: url(http://xxx/character.png);"></DIV>

        <DIV id="GAME_MAP2"><DIV id="GAME_NPC"></DIV></DIV>

Answer 1

这将所有 25px 到当前顶部的任何位置，这应该会达到您想要的效果。

function addTop(element, px){
    element.style.top = (Number(element.style.top.replace(/\D/g, "")) + px) + "px";
}
addTop(document.getElementById("GAME_CHARACTER"), 25);