フッターdivへの参照を取得できないという、以下のコードで何が間違っていますか?
<html>
<title></title>
<head></head>
<body>
<script>alert(document.getElementById('footer'));</script>
<div id="footer">testing footer</div>
</body>
</html>
フッターdivへの参照を取得できないという、以下のコードで何が間違っていますか?
<html>
<title></title>
<head></head>
<body>
<script>alert(document.getElementById('footer'));</script>
<div id="footer">testing footer</div>
</body>
</html>
getElementById()
フッターがロードされる前に呼び出しています。
スクリプトをまたはの下部に配置するbody
か、で実行しますonload
選択しようとしているdivの下にスクリプトタグを配置します。アラートがnullを返していると思いますか?
次のように変更します。
<script type="text/javascript">alert(document.getElementById('footer').innerHTML);</script>
そしてそれをDIVの後に置きます。
innerHTML
は、そのdiv内からテキストを取得しようとしていることを前提としていることに注意してください。
する必要があります
<html>
<title></title>
<head></head>
<body>
<div id="footer">testing footer</div>
<script>alert(document.getElementById('footer'));</script>
</body>
</html>
スクリプトタグはフッターの前にあるため、フッターが作成される前に実行されます。
あなたができることがいくつかあります:
deferred
スクリプトに属性を追加する