美文网首页
我在使用js设置css位置时遇到的问题,求解决!

我在使用js设置css位置时遇到的问题,求解决!

作者: 短衣匹马 | 来源:发表于2016-06-07 17:16 被阅读38次
    /** * Created by Administrator on 2016/6/7 0007. */
    function positionMessage() {    
    if (!document.getElementById)return false;    
    if (!document.getElementById('message'))return false;    
    var elem = document.getElementById('message');    
    elem.style.position = 'absolute';    
    elem.style.left = '50px';    
    elem.style.top = '100px';}
    function moveMessage() {    
    if (!document.getElementById) return false;    
    if (!document.getElementById('message')) return false;    
    var elem = document.getElementById('message');    
    elem.style.position = 'absolute';    
    elem.style.right = '500px';
    }
    function addLoadEvent(func) {    
    var oldonload = window.onload;    
    if (typeof window.onload != 'function'){        
    window.onload = func;    }else {        
    oldonload();        
    func();    
    }
    }
    addLoadEvent(positionMessage);
    addLoadEvent(moveMessage);
    

    如以上代码所示,我先设置了一个positionMeeage函数,获取的id为message的p标签,之后设置p标签为绝对定位absolute,离左边50px,离顶部100px。
    再之后同上设置了一个moveMassge函数,没有绝对定位,设置离右边500px。
    最后我定义了一个addLoadEvent函数,加载这以上两个函数。
    但是问题来了,没设置绝对定位的movemessage函数,没有起作用。p便签的值还是第一个函数所设置的。
    当我把代码改成

    addLoadEvent(moveMessage);
    addLoadEvent(positionMessage);
    
    

    先加载movemessage函数再加载positionmessage函数时,就可以了

    想了很长时间,还是没想出所以然,如果有人接触过这个问题,不妨分享出你得解决方法。谢谢!

    相关文章

      网友评论

          本文标题:我在使用js设置css位置时遇到的问题,求解决!

          本文链接:https://www.haomeiwen.com/subject/hlnddttx.html