タグ付けされた質問 「dom」

Document Object Model（DOM）は、XMLやHTMLなどのマークアップ言語の要素をプログラムで参照する方法です。[javascript]またはDOMパーサーを持つ他のプログラミング言語で使用します

5
特定のクラスを持つ最も近い祖先要素を見つける
純粋なJavaScriptで、特定のクラスを持つツリーに最も近い要素の祖先を見つけるにはどうすればよいですか？たとえば、次のようなツリーでは： <div class="far ancestor"> <div class="near ancestor"> <p>Where am I?</p> </div> </div> そして、私が欲しいdiv.near.ancestor、私が上でこれをしようpとするために検索しますancestor。
225 javascript  html  dom 
15
jQueryで画像が読み込まれているかどうか（エラーがないかどうか）を確認
JavaScriptとjQueryライブラリを使用して、順序付けられていないリストに含まれている画像のサムネイルを操作しています。画像が読み込まれると1つの処理が実行され、エラーが発生すると別の処理が実行されます。イベントとしてjQuery load()とerror()メソッドを使用しています。これらのイベントの後、私は.completeの画像DOM要素をチェックして、jQueryがイベントを登録する前に画像がまだロードされていないことを確認します。 jQueryがイベントを登録する前にエラーが発生した場合を除いて、正しく動作します。私が考えることができる唯一の解決策は、img onerror属性を使用してグローバルに（またはそれ自体のノードで）どこかに「フラグ」を格納して、jQueryが.completeをチェックするときにその「ストア/ノード」をチェックできるようにすることです。 誰かがより良い解決策を持っていますか？ 編集：太字の主なポイントと以下の追加の詳細を追加しました： 画像にロードイベントとエラーイベントを追加した後、画像が完全（別名：ロード）であるかどうかを確認しています。そうすれば、イベントが登録される前にイメージがロードされた場合でも、私はそれを知ることができます。イベントの後に画像がロードされない場合は、イベントがイベントを処理します。これの問題は、画像が既にロードされているかどうかを簡単に確認できることですが、代わりにエラーが発生したかどうかはわかりません。
19
スクリプトをinnerHTMLで挿入できますか？
でを使用innerHTMLして、いくつかのスクリプトをページにロードしようとしました<div>。スクリプトはDOMに読み込まれるようですが、実行されません（少なくともFirefoxとChromeでは）。でスクリプトを挿入するときにスクリプトを実行する方法はありinnerHTMLますか？ サンプルコード： <!DOCTYPE html> <html> <body onload="document.getElementById('loader').innerHTML = '<script>alert(\'hi\')<\/script>'"> Shouldn't an alert saying 'hi' appear? <div id="loader"></div> </body> </html> コードスニペットを実行するHide resultsスニペットを展開
7
動的HTMLをロードした後にクリックイベントを追加するためのjQuery .live（）メソッドと.on（）メソッド
私は.live（）メソッドが明らかに非推奨であるjQuery v.1.7.1を使用しています。 私が抱えている問題は、次のように使用して要素にHTMLを動的にロードする場合です。 $('#parent').load("http://..."); 後でクリックイベントを追加しようとしても、これらの方法のいずれかを使用してイベントが登録されません。 $('#parent').click(function() ...); または // according to documentation this should be used instead of .live() $('#child').on('click', function() ...); この機能を実現する正しい方法は何ですか？それは私にとって.live（）でのみ機能するようですが、私はそのメソッドを使用するべきではありません。#childは動的にロードされる要素であることに注意してください。 ありがとう。
23
Chrome / MacでDOMの再描画/更新を強制する
時々、Chromeは完全に有効なHTML / CSSを正しく表示しないか、まったく表示しません。多くの場合、DOMインスペクタを掘り下げるだけで、その方法のエラーを認識して正しく再描画できます。そのため、マークアップが適切である可能性があります。これは私が取り組んでいるプロジェクトで頻繁に（そして予想通り）十分に発生し、特定の状況でコードを強制的に再描画するように配置しました。 これは、ほとんどのブラウザーとOSの組み合わせで機能します。 el.style.cssText += ';-webkit-transform:rotateZ(0deg)' el.offsetHeight el.style.cssText += ';-webkit-transform:none' のように、未使用のCSSプロパティを調整し、再描画を強制する情報を要求してから、プロパティの調整を解除します。残念ながら、Mac向けChromeの背後にいる明るいチームは、再描画せずにそのoffsetHeightを取得する方法を見つけたようです。したがって、他の点では有用なハックを殺します。 これまでのところ、Chrome / Macで同じ効果を得るために思いついた最善の方法は、次の醜さです。 $(el).css("border", "solid 1px transparent"); setTimeout(function() { $(el).css("border", "solid 0px transparent"); }, 1000); のように、実際に要素を少しジャンプさせ、次に1秒間冷やしてからジャンプし直します。さらに悪いことに、そのタイムアウトを500ミリ秒未満に（目立たない程度に）落とすと、ブラウザーが元の状態に戻る前に再描画に取り掛からなくなるため、期待した効果が得られないことがよくあります。 誰かがこの再描画/更新ハックのより良いバージョン（できれば上記の最初の例に基づいたもの）をChrome / Macで動作するように提供したいと思いませんか？
16
jQuery-要素がDOMから削除されたときにイベントをトリガーする
要素がページから削除されたときにjsコードを実行する方法を理解しようとしています： jQuery('#some-element').remove(); // remove some element from the page /* need to figure out how to independently detect the above happened */ そのために調整されたイベントがありますか？ jQuery('#some-element').onremoval( function() { // do post-mortem stuff here }); ありがとう。
211 jquery  events  dom  triggers 
18
オプションがjQueryで選択されているかどうかをチェックし、そうでない場合はデフォルトを選択します
jQueryを使用して、選択メニューでオプションが選択されているかどうかを確認し、選択されていない場合は、選択されているオプションの1つを割り当てます。 （selectは、継承したアプリのPHP関数の迷路を使用して生成されるので、これを理解するための簡単な修正です:)
9
1つの要素が別の要素内に含まれているかどうかをJavaScriptでチェックインする方法
あるDOM要素が別のDOM要素の子であるかどうかを確認するにはどうすればよいですか？このための組み込みメソッドはありますか？たとえば、次のようなものです。 if (element1.hasDescendant(element2)) または if (element2.hasParent(element1)) そうでない場合、これを行う方法はありますか？また、クロスブラウザである必要があります。また、子は親の下の多くのレベルにネストできることにも言及する必要があります。
202 javascript  dom 
5
JavaScript DOM削除要素
DOM要素が存在するかどうかをテストし、存在する場合は削除し、存在しない場合は作成します。 var duskdawnkey = localStorage["duskdawnkey"]; var iframe = document.createElement("iframe"); var whereto = document.getElementById("debug"); var frameid = document.getElementById("injected_frame"); iframe.setAttribute("id", "injected_frame"); iframe.setAttribute("src", 'http://google.com'); iframe.setAttribute("width", "100%"); iframe.setAttribute("height", "400"); if (frameid) // check and see if iframe is already on page { //yes? Remove iframe iframe.removeChild(frameid.childNodes[0]); } else // no? Inject iframe { whereto.appendChild(iframe); …
198 javascript  dom 
8
ReactJSの「外部」からコンポーネントメソッドにアクセスする方法
ReactJSの「外部」からコンポーネントメソッドにアクセスできないのはなぜですか？なぜそれが不可能であり、それを解決する方法はありますか？ コードを考えてみましょう： var Parent = React.createClass({ render: function() { var child = <Child />; return ( <div> {child.someMethod()} // expect "bar", got a "not a function" error. </div> ); } }); var Child = React.createClass({ render: function() { return ( <div> foo </div> ); }, someMethod: function() { return 'bar'; …
183 javascript  reactjs  dom 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.