小白求助 求大神指点 为什么代码运行没有改变样式的效果啊
HTML
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Title</title>
</head>
<body>
<p id="message">Whee!</p>
<script src="scripts/addLoadEvent.js"></script>
<script src="scripts/positionMessage.js"></script>
</body>
</html>
JS代码
addLoadEvent.js
function addLoadEvent(func){
var oldonload=window.onload;
if(typeof window.onload != 'function'){
window.onload=func;
}else{
oldonload();
func();
}
}
positionMessage.js
addLoadEvent(positionMessage);
addLoadEvent(moveMessage);
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.left="200px";
}