5

このコードは要素の高さを設定する必要があります。ただし、スタイルは追加されません。明らかな何かが欠けていますか？

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>

ご協力ありがとうございました！

4

4 に答える 4

4

代わりにdocument.onloaduseを使用しないでください。window.onload

http://jsfiddle.net/mowglisanu/r6NzE/を参照してください

于 2012-08-06T22:12:50.093 に答える
2

あなたはこれを使うことができます：

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

ただし、変更を確認したい場合は、次を使用してセクションタグに境界線を作成する必要があります。

<section id="content" style='border:1px solid fuchsia;' >
<p>sf </p>
</section>
于 2012-08-06T22:21:53.647 に答える
1

あなたは使用する必要があります

window.onLoad = setGround;

それ以外の

document.onload = setGround;
于 2014-06-24T06:26:29.087 に答える
0

javascript-codeをどこに配置しましたか？それはdetect-css.jsにありますか？

これは機能します：

<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>
于 2012-08-06T22:22:20.127 に答える