無料登録ログインソースコードを投稿タグ:html(69)JavaScript(396)ブラウザによる表示の差異you12724|260views|更新:2016年1月26日ストックいいね!0今まではそこまでブラウザによる表示の差異が気になることはありませんでしたが、問題が浮上してきたのでいくつかまとめたいと思います。今回、IEでプルダウンメニューを実装した際に問題が生じました。プルダウンメニューの表示はされるのですが、メニュー内のテキストが表示されないという問題です。原因としてはjavascriptでプルダウンメニューを作成していることでした。以下の様なコードでプルダウンメニューを作成していました。"&lt;option&gt;test&lt;/option&gt;"しかしこのように作成するとIEで開いた時にoptionタグの開始タグが記述されないという問題が起こるらしいです。そこで以下のように記述すると解決できました。select.appendChild(option);しかしinnerTextはFirefoxにおいて使えないらしいです。そこでinnerTextの下に以下のコードを記述します。"test";これを記述すればFirefoxでもきちんと表示され、他のブラウザでも問題なく表示されるはずです。Safariにおいてlabelタグの使用チェックボックスなどを使用する場合にlabelタグを用いるとタグで囲んだ範囲を押すとチェックボックスにチェックをつけれるためとても便利です。Chromeでは起こらない)。初めはlabelタグの外にselectタグを出して実装しようとしましたが、レイアウトが崩れてしまったため、selectタグが押されたときにonClickをキャンセルするという方法で実装しました。Dojoを用いた場合のコードは以下のようになります。});また、labelタグ内でdivタグを用いるのは推奨されてないらしいのでspanタグを用いましょう(ブロックレベル要素が推奨されていない)。新規登録またはメールアドレスで新規登録SNSアカウントをご利用いただけます。FacebookGitHubTwitterログインメールアドレスまたはユーザー名パスワードログイン状態を保存するログインパスワードをお忘れですか?hacknoteを利用することでソースコードを簡単に共有できます。新規登録してコメントするこのソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。