scar_dante 2016-05-08 12:53 采纳率: 100%
浏览 1300
已采纳

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 2016-05-08 13:13
    关注
     去掉
     //addLoadEvent(moveElement); 
     这个不带参数的moveElement,如果执行,没有传入id,肯定找不到dom节点,报错
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(1条)

报告相同问题?

悬赏问题

  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行
  • ¥30 帮我写一段可以读取LD2450数据并计算距离的Arduino代码
  • ¥15 飞机曲面部件如机翼,壁板等具体的孔位模型
  • ¥15 vs2019中数据导出问题
  • ¥20 云服务Linux系统TCP-MSS值修改?
  • ¥20 关于#单片机#的问题:项目:使用模拟iic与ov2640通讯环境:F407问题:读取的ID号总是0xff,自己调了调发现在读从机数据时,SDA线上并未有信号变化(语言-c语言)
  • ¥20 怎么在stm32门禁成品上增加查询记录功能