Почему моя функция не работает при загрузке документа должным образом?

Этот код должен установить высоту элементов; однако стиль не добавляется. Я упускаю что-то очевидное?

function setGround() { 
    document.getElementById('content').style.height = '40px';
} 

document.onload = setGround; 

HTML довольно простой:

<!DOCTYPE html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Template</title>
    <link rel="stylesheet" type="text/css" href="css/default.css"/>
    <link rel="stylesheet" type="text/css" href="css/orange.css"/>
    <script type="text/javascript" src="javascript/detect-css.js"></script>
</head>

<body>
    <header>
        <div id="logo"></div>
    </header>
    <section id="sidebar"><p>sf </p>
    </section>

    <section id="content"><p>sf </p>
    </section>

</body>
</html>

Спасибо за помощь!

5
задан isherwood 21 March 2018 в 20:25
поделиться