2 scar dante scar_dante 于 2016.05.08 20:53 提问

JavaScript DOM编程艺术问题

新手初学JavaScript,第十章moveElement实验是碰到一个error,
moveMessage的第三行报Uncaught TypeError: Cannot read property 'style' of nullmoveElement,自己尝试了一下断点调试,发现第一次运行moveMessage函数不会报错,第二次递归调用的时候就会报这个错,新人求助,html代码传上来标签就看不到了,无奈只好发图

图片说明

addLoadEvent.js:
function addLoadEvent(func){
var oldonload = window.onload;
if(typeof window.onload != 'function'){
window.onload = func;
}else{
window.onload = function(){
oldonload();
func();
}
}
}

moveElement.js:
function moveElement(elementID,final_x,final_y,interval){
var elem = document.getElementById(elementID);
var xpos = parseInt(elem.style.left);
var ypos = parseInt(elem.style.top);
if(xpos == final_x && ypos == final_y){
return true;
}
if(xpos < final_x){
xpos++;
}
if(ypos < final_y){
ypos++;
}
if(xpos > final_x){
xpos--;
}
if(ypos > final_y){
xpos--;
}
elem.style.left = xpos + "px";
elem.style.top = ypos + "px";
var repeat = "moveElement('" +elementID+ "'," +final_x+ "," +final_y+ "," +interval+ ")";
movement = setTimeout(repeat,interval);
}
addLoadEvent(moveElement);

positionMessage.js:
function positionMessage(){
var elem = document.getElementById("message");
elem.style.position = "absolute";
elem.style.left = "50px";
elem.style.top = "100px";
moveElement("message",200,100,10);
}
addLoadEvent(positionMessage);

2个回答

danielinbiti
danielinbiti   Ds   Rxr 2016.05.08 21:13
已采纳
 去掉
 //addLoadEvent(moveElement); 
 这个不带参数的moveElement,如果执行,没有传入id,肯定找不到dom节点,报错
danielinbiti
danielinbiti 回复scar_dante: 看多了,习惯了就好,如果有帮助,记得采纳一下哦
一年多之前 回复
hanysnow
hanysnow 使用ISAPI的方式
一年多之前 回复
scar_dante
scar_dante 谢谢指点,刚开始学,很难意识到这种错误
一年多之前 回复
CSDNXIAOS
CSDNXIAOS   2016.05.08 21:02

JS中数组的批量填充方式:  1.在声明时同时进行填充        var beatles = Array("John","Paul","George","Ringo");  2.我们甚至用不着明确地表明我们是在创建数组.事实上,只需用一堆方括号括起来就足以创建我们想要的数组了:        var beatles = ["John","Paul","George","......
答案就在这里:《Javascript DOM 编程艺术》
----------------------Hi,地球人,我是问答机器人小S,上面的内容就是我狂拽酷炫叼炸天的答案,除了赞同,你还有别的选择吗?

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!