【Javascript】動的に生成したoption要素のtextが反映されない（IEで） at softelメモ
IEはJavascriptで動的に生成したselect（セレクトボックス、プルダウン）のoptionのtextを表示しない。 あるselect要素にoption要素を追加して、option.textに文字列を登録すると、プルダウンはその分長くなりますが、表示されて欲しい文字が表示されません。 IEでは innerText 属性を使うらしいです。 お試し用ソースです。 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>セレクトボックステスト</title> <script type="text/javascript"> window.onload = function() { var select = document.getElementById('sampl
IE7 バグ 早見表 by nobu
CSSのバグに効果のあるhasLayoutの指定方法 hasLayoutを変更するプロパティには、「float」「position」「writing-mode」のように実装するレイアウトでその値を指定できないなどの制限があるものもあります。 また、「height="1%"」のように特定の箇所には使用できないものもあります。 ほとんどのレイアウトでは、拡大縮小せず100%の状態でユーザーに利用してもらうことを前提に制作していると思うので、この「zoom」を利用して指定する方法がよいと思います。 CSSのバグに効果のあるhasLayoutの指定方法 *{zoom:1;} 「*」は全てのタグに適応する意味になります。 全てを対象にするのが具合の悪い場合は、個別の箇所に指定してください。 背景色が指定された要素内でfloatがある時、要素内の文字が消えるとか、 floatに後続するmarginの値
IEでのgetAttribute,setAttributeのバグ
DOMでオブジェクトを特定したり、変更するのに使用するgetAttribute、setAttributeメソッドですが、一部IEにバグがあります。 以前散々悩んだので書いておきます。 たとえば、class名を取得したいとき、 element.getAttribute("class");だと、IEでは取得できません。 IEの場合には element.getAttribute("className"); getAttribute("String")のStringには属性名がくるので、実際にはclassが正しいのですがIEのバグです・・・ また、同様に element.setAttribute("style", "color: #ffffff;");もIEではセットできないので、 element.style.cssText = "color: #ffffff;"; とする必要があります。 さらに
IE、setAttributeでstyleは設定できない - FAX
JavaScriptnanto_viさんの以下記事にて、より詳しくまとめられており、回避策も示されています。本エントリは飛ばして、こちらをご参照ください。 IE の getAttribute / setAttribute: Days on the Moon IEで、Element#setAttributeでstyleを設定しても反映されなかった。 以下コードで確認を行った。 var span = document.body.appendChild(document.createElement('span')); span.innerHTML='ABC'; span.setAttribute('style', 'background-color:red'); このときinnerHTMLを見ると以下のようになり、全く設定されていないことがわかった。 ABC Internet Explorer
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
