把script放在head里出现Uncaught TypeError: Cannot set property 'scrollTop' of null(…)

html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>title>
    <style>
    style>
    <script language="JavaScript" type="text/javascript">
        var area=document.getElementById("out");
        area.scrollTop=20;
    script>
head>
<body>
<div style="width:200px;height:200px;background-color:#999999;overflow:auto;" id="out">
    <div style="width:100px;height:300px;background-color:#FFFF00;" id="inner">
        这些文字显示在内层元素中。
    div>
div>

body>
html>

应该放在body里就不会报错了
<body>
<div style="width:200px;height:200px;background-color:#999999;overflow:auto;" id="out">
    <div style="width:100px;height:300px;background-color:#FFFF00;" id="inner">
        这些文字显示在内层元素中。
    div>
div>
<script language="JavaScript" type="text/javascript">
    var area=document.getElementById("out");
    area.scrollTop=20;
script>
body>

你可能感兴趣的:(javascript,前端)