Javascript 方法定义失败

Question

我不明白我错了什么。我正在使用 javascript。

编辑:我意识到现代浏览器中有一个 javascript 控制台，所以我对造成的麻烦表示歉意。

var name = ""
function makelayer(name){
  var myLayer = document.createElement('div');
  myLayer.id = name;
  myLayer.style.position = 'absolute';
}
function position(x,y){
  myLayer.id = name;
  myLayer.style.left= x + "px";
  myLayer.style.top = y+ "px";
}
function size(w,h){
  myLayer.id = name;
  myLayer.style.width = w +'px';
  myLayer.style.height = h+'px';
}
function display(type){
  myLayer.id = name;
  myLayer.style.display = type;
}
function add(){
  myLayer.id = name;
  myLayer.innerHTML = '<img src="stickmanbackground.png" />'
  myLayer.style.zIndex = 99;
  myLayer.style.filter = 'alpha(opacity = 100)';
  document.body.appendChild(myLayer);
}
makelayer("name");
position(0,0);
size(500,500);
display("block");
add();

谁能给我解释一下错误在哪里？谢谢。屏幕上没有任何显示...

Answer 1

将变量移出函数范围:

var myLayer;

function makelayer(name){
  myLayer = document.createElement('div');
  myLayer.id = name;
  myLayer.style.position = 'absolute';
}

Fiddle