代码之家 › 专栏 › 技术社区 › Stephan Kristyn

我可以为函数范围之外的文档对象定义别名吗

dom javascript

Stephan Kristyn · 技术社区 · 14 年前

var pic1 = document.getElementById('pic1');

var someFunc = function () {

    pic1.style.left = "100px"; 
}

2 回复 | 直到 14 年前

Jason McCreary 14 年前

对。你只需要确保你在打电话 someFunc 之后 pic1 元素已加载到页上。注意,最好的做法是在结束前将JavaScript放在右下方 body 标签。

查看您的代码- http://jsfiddle.net/dga9k/1/

Guffa 14 年前

这不是范围问题。可能的原因是您试图在创建元素之前获取对该元素的引用。必须等到元素加载后才能访问它,例如使用onload事件:

<html>
<head
<title>Test</title>
<script>

function init() {

  var pic1 = document.getElementById('pic1');

  var someFunc = function () {
    pic1.style.left = "100px"; 
  };

  someFunc();

}

</script>
</head>
<body onload="init();">
<div id="pic1"></div>
</body>
</html>

推荐文章

Ezz Deghedy · 如何获取数据和读取响应

1 年前

StuP · 响应式Vue组件在数据更改时不更新

2 年前

burr · 让jQuery选择器识别新添加的DOM元素[关闭]

2 年前

viboven · Javascript DOM未从ID检测到按钮,表示其为null[已关闭]

2 年前

Toufique E Joarder · 将<li>移动到第n个位置并使用JavaScript更改href链接

2 年前

HASEEB ALAM RAFIQ · 如何在react中获取QuerySelector所有html元素?

2 年前

J. Hu · “表单提交已取消,因为表单未连接”[重复]

6 年前

pploypiti · 选择所有其他ID不是“this”的元素。id'

6 年前

xiaolingxiao · 导航到页面后运行javascript

6 年前

Voodoobear · 如何将数字变量插入replaceWith(JavaScript)

6 年前