Q&A
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<meta name="description" content="">
<script>
function openMenu(oMenu){
m = document.getElementById("menu")
m.style.fontWeight = oMenu;
}
</script>
</head>
<body>
<div id="wrapper">
<header>
</header>
<div class="cf">
<nav id="menu">
<p onmouseover="openMenu('bold')" onmouseout="openMenu('normal')">menu</p>
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</nav>
<section></section>
</div>
<footer>
</footer>
</div>
</body>
</html>
閲覧ありがとうございます。
ただいまjavascriptを勉強中でして、上記のような形でマウスオーバーで反応するようにしようとしたのですが、「Cannot read property 'style' of null」となってしまい、動いてくれません。
こちらの原因はどんなものが考えられますか？
追記
ありがとうございます。
さきほど試してみたところ自分のほうでも動作いたしました。
もしかしたらキャッシュが原因だったんですかね。
お騒がせいたしました。
ありがとうございました。
回答2件
0
ベストアンサー
エラーになりそうな点は見当たりません。
出ているエラーはnullにstyleなんてプロパティはありませんよって意味です。
エラーが出ている状況では、mがnull
つまり => document.getElementById("menu") これがnullってコトになります。
1行目に「;」がありませんが、これはjacascriptのルール上問題ないですし
HTML読み込み直後、オブジェクトツリーが完成する前に実行してしまった場合なる可能性がありますが、今回のはマウスオーバーなのでそれもありえません。
あるとしたら、次のようなものだと思いますが
- <nav>がhtml5からのタグなので、これをオブジェクトツリーに含めない古いブラウザで実行した
- getElementByIdをサポートしない自作等の特殊なブラウザ環境だ。
どっちも考えにくいですよね。（1はIE6ならひょっとして？）
ブラウザ再起動して読み直したら動いたりしませんか？
完成前に実行して失敗したのが旨く更新されてないだけって可能性も。
投稿2015/10/05 18:09
総合スコア2068
0
提示のソースを手元で実行しましたが、不具合は再現せず、ソーソニ書かれた通りに動作しています。
投稿2015/10/05 16:34
退会済みユーザー
総合スコア0
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2015/10/06 11:58