问题描述
- 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);
解决方案
去掉
//addLoadEvent(moveElement);
这个不带参数的moveElement，如果执行，没有传入id，肯定找不到dom节点，报错
解决方案二：
JS中数组的批量填充方式:? 1.在声明时同时进行填充??????? var beatles = Array("John","Paul","George","Ringo");? 2.我们甚至用不着明确地表明我们是在创建数组.事实上,只需用一堆方括号括起来就足以创建我们想要的数组了:??????? var beatles = ["John","Paul","George","......
答案就在这里：《Javascript DOM 编程艺术》