JavaScript Nodesのカウントに関して

プラグインに頼らない簡単なプルダウンメニューを作ってて、IEで出来た~!って思ってFirefoxとChromeで確認したら動かない!!
なんで?と思い、確認作業として認識されているNodeを表示することに・・・すると、IEでは、ulとかliを認識しているのに、なぜかFirefoxとChromeでは、object textと表示している。ん?text??もしかして、改行やインデントのTabやスペースを認識しているのか?と思い、コメントアウトしてみたら、今度は、commentと表示される始末(笑
これは、改行せずに詰めて記述しないとダメなんだな?と思い、必要な個所の改行やスペースをすべて削除!
ちょっとソースが見にくくなったけど、無事にIE Firefox Chromeでの表示確認がとれました。
ライブラリに頼らない記述ってやっぱり大変だな~。
今回作ったのは、アニメーションなしの単にサブメニューの表示非表示を切り替えるだけだったけど、思った動作を必要最小限の行数で再現できたと思っているので、まずは満足!
次は、これをアニメーションさせてサブメニューがスライド表示できるように変更することにチャレンジだぁ~!!

html&css-javascript-Web

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

カテゴリー