- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：innerHTMLでドロップダウンメニューの作り方）
ドロップダウンメニューの作り方とHTML構造
このQ&Aのポイント
- CSSだけで作るドロップダウンメニューのHTML構造を示しました。
- 配列からinnerHTMLを使用してサブメニューを生成する際に、正しく動作しない問題が発生しています。
- オカシイ点を指摘するか、よりスマートな解決策を提案しています。
- kuda_maki
- お礼率88% (8/9)
- JavaScript
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- fujillin
- ベストアンサー率61% (1594/2576)
回答No.1
2箇所ほど修正してみてください。 1）siteが配列として定義されていないので、先に var site = []; などで、定義しておく 2）<ul id="submenu">のul◇idの◇部分を半角スペースに それで、DOM ready後にスクリプトが実行されていれば、HTMLに追記されると思います。 追記できても動作しない場合は、CSSが正しく設定されているかどうかも確認をしてみてください。
質問者
お礼
回答ありがとうございます。 指摘いただいた記法ミスは、ここに手打ちでコピペしたときにミスったもので、本プログラムでは間違っていませんでした。 あと、DOMreadyの意味が調べてもちょっと難解だったので分からないのですが、挿入場所が間違っているのでしょうか？自分は、GoogleAjaxFeedAPIでRSSを表示するときに、google.load("feeds", "1");の前にこのプログラムを足しました。この位置が悪いのでしょうか？（位置は何箇所か変えてやりましたが、結果はどこも同じ） また、このプログラムを挿入すると本来動いたはずのGoogleAjaxFeedAPIのフィード読み取りプログラムが停止したので、CSSのミスではなくプログラミングが致命的にミスってると思われます。更に、document.getElementById("submenu").innerHTML=links;を消した時に、一応フィード読み取りプログラムが動作したので、この一文がミスってる可能性が高いです。 2日ぐらい、この一文について考えているのですが、どうにもわかりません。jqueryのappendを使ったり試行錯誤はしましたが、動作はすれど結果には反映されずという感じでした。
お礼
ありがとうございます！！ window.onload = function(){} でスクリプトを囲った所、無事動作致しました。こんなんで4日も悩むなんてアホみたいですね・・・ でも、おかげでイベントハンドラの意味がようやく分かった気がします。