javascript - JavaScript方法定义失败

我不明白我做错了什么。
我正在使用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();

有人可以向我解释错误在哪里吗？谢谢。
屏幕上什么都没有出现...

最佳答案

将变量移出函数范围：

var myLayer;

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

Fiddle

关于javascript - JavaScript方法定义失败，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20240219/