【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
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;"; とする必要があります。 さらに
IE8 Bug Exploit
IE8 の javascript が遅いことを実証するサンプルです。 他のブラウザと動作を比較してみてください。 この問題は、タグのスタイル変更を className プロパティを使用することによって発生します。 この問題を回避するには style プロパティを使用します。たとえば、 obj.className = "スタイルシートで定義した名前"; ↓ obj.style.background = "#fff"; のように変更します。 以下、サンプルです。 数字を押すとテーブルを表示します。 テーブルの上でマウスカーソルを動かしてみてください。 100 Lines 500 Lines 1000 Lines
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
IE8のCSS/HTML/DOM/JavaScriptのバグ情報リスト
IE8のCSS、HTML、DOM、JavaScript関連のバグ情報がまとまったリストをJames Hopkinsから紹介します。 IE8 Bugs 掲載されているバグの数は現在、CSS：63、HTML：4、DOM：2、JavaScript：1となっており、ほとんどのものはTest Caseとしてデモページを参照することができます。
masahirorの気まま記録簿 - FireFoxでJavascript「window.close()」を使うには
昨日今日とWebでアンケート入力するASPを作成。その中で、アンケートが終了したら「閉じる」ボタンが表示され、クリックするとウインドウを閉じるというレイアウトにしたかったので、一般的なJavascriptを使った「windows.close();」を利用した。 【ボタンの場合】 <input type=button value=ウインドウを閉じる onclick="window.close()">【リンクの場合】 <A HREF="#" onClick="window.close()">ウインドウを閉じる</A> または <A HREF="javascript:window.close()">ウインドウを閉じる</A>この方法でばっちり！・・・と思っていたら、IEだと問題なく動作するが、FireFoxでは動作しないとの指摘があった。確かにFireFoxでは動作しない。テスト環境はWindo
css-eblog.com - このウェブサイトは販売用です！ - css eblog リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jhop.me
「ドロップダウンリストがどうしてもレイヤーの前面に出てしまう」（1） Insider.NET － ＠IT
「DropDownListの表示について」（1） Insider.NET － ＠IT