Pourquoi ce n'est pas ma fonction en cours d'exécution sur le document de charge comme prévu?

Ce code doit toujours être un des éléments de la hauteur; cependant, aucun style n'est ajoutée. Ai-je raté quelque chose d'évident?

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

document.onload = setGround;

Le HTML est assez basique:

<!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>

Merci pour votre aide!

Une solution très simple est de mettre votre script en bas, juste avant la </body> tag. Ensuite, vous pouvez simplement faire setGround().

OriginalL'auteur cmplieger | 2012-08-06

  1. 4

    Ne pas utiliser document.onload utilisation window.onload à la place.

    Voir http://jsfiddle.net/mowglisanu/r6NzE/

    œuvres! merci!!!! Pourriez-vous expliquer quelle est la différence?
    Cette discussion parle stackoverflow.com/questions/588040/...

    OriginalL'auteur Musa

  2. 2

    vous pouvez utiliser ceci:

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

    mais si vous voulez voir des changements, vous devez créer frontière sur l'article tag par utiliser ceci:

    <section id="content" style='border:1px solid fuchsia;' >
<p>sf </p>
</section>

    OriginalL'auteur MKT

  3. 1

    Vous devez utiliser 

    window.onLoad = setGround;

    au lieu de 

    document.onload = setGround;

    OriginalL'auteur SftAps

  4. 0

    Où avez-vous placé le javascript code? Est-il dans la detect-css.js?

    Cela fonctionne:

    <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 language="javascript">
function resize(){
document.getElementById("content").style.height='100px';
}
</script>
</head>

<body onload="resize()">
<header><div id="logo"></div></header>
<section id="sidebar"><p>sf </p>
</section>

<section id="content" style="background-color:#CCC; display:block;"><p>sf </p>
</section>

</body>
</html>

    OriginalL'auteur user1560066