javascript document.getElementById（“ device”）不起作用？

Question

为什么alert(p1)显示为null ？

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript" src="js/product.js"></script>
</head>
<body>
    Device:<select id="device" name="device" style="width:250px;"> </select>                      Line:<select id="line" name="line" style="width:250px;"> </select>
</body>
</html>

window.onload = load();
function load() {
    var p1 = document.getElementById("device");
    var l1 = document.getElementById("line");
    alert(p1);
    alert(l1);
}

Answer 1

将代码更改为此：

function load() {
    var p1 = document.getElementById("device");
    var l1 = document.getElementById("line");
    alert(p1);
    alert(l1);
}
window.onload = load;

对onload的分配需要是一个函数引用，而不是函数的执行（无括号）。

使用这样的匿名函数会更简单一些：

window.onload = function() {
    var p1 = document.getElementById("device");
    var l1 = document.getElementById("line");
    alert(p1);
    alert(l1);
}

Answer 2

您需要更改此行：

window.onload = load();

阅读以下内容：

window.onload = load;

注意区别，第一个示例将调用 load()函数，并将其返回值分配给window.onload ，该值当然是undefined 。

第二个示例将函数本身分配给所需的window.onload ，并将警告[object HTMLSelectElement] （无论如何在Firefox中）。

javascript document.getElementById（“ device”）不起作用？

问题描述

2 个解决方案

解决方案1
2 2011-12-27 07:02:45

解决方案2
2 已采纳 2011-12-27 07:03:14

javascript document.getElementById（“ device”）不起作用？

问题描述

2 个解决方案

解决方案1 2 2011-12-27 07:02:45

解决方案2 2 已采纳 2011-12-27 07:03:14

解决方案1
2 2011-12-27 07:02:45

解决方案2
2 已采纳 2011-12-27 07:03:14