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

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

12
AngularJS：AngularJSがテンプレートをレンダリングした後に追加のコードを実行する方法は？
DOMにAngularテンプレートがあります。コントローラがサービスから新しいデータを取得すると、$ scopeのモデルが更新され、テンプレートが再レンダリングされます。これまでのところすべて良い。 問題は、テンプレートが再レンダリングされてDOMにある（この場合はjQueryプラグイン）後、追加の作業を行う必要があることです。 AfterRenderのように、聞くべきイベントがあるようですが、そのようなものを見つけることができません。たぶん、指令は進むべき道かもしれませんが、それはあまりにも早く発砲するように見えました。 ここに私の問題を概説するjsFiddleがあります：Fiddle-AngularIssue ==更新== 役立つコメントに基づいて、それに応じてDOM操作を処理するディレクティブに切り替え、ディレクティブ内に$ watchモデルを実装しました。ただし、私はまだ同じ基本的な問題を抱えています。$ watchイベント内のコードは、テンプレートがコンパイルされてDOMに挿入される前に発生するため、jqueryプラグインは常に空のテーブルを評価しています。 興味深いことに、非同期呼び出しを削除すると、すべてが正常に機能するので、これは正しい方向への一歩です。 これらの変更を反映するために更新したFiddleは次のとおりです。http：//jsfiddle.net/uNREn/12/
4
JQueryセレクターからDOM要素を取得する方法
jqueryセレクターから実際のDOMElementを取得するのを見つけるのが非常に困難です。サンプルコード： <input type="checkbox" id="bob" /> var checkbox = $("#bob").click(function() { //some code } ) 別のコードでは、チェックボックスのチェックされた値を特定しようとしています。 if ( checkbox.eq(0).SomeMethodToGetARealDomElement().checked ) //do something. そして、私はしたくない： if ( checkbox.eq(0).is(":checked")) //do something これでチェックボックスの周りが回りますが、本当のDOMElementが必要な場合もあります。
179 javascript  jquery  dom 
6
jQuery：要素のクラスとIDを同時に選択しますか？
クラスとIDを同時に選択したいリンクがいくつかあります。 これは、2つの異なる動作があるためです。リンクのクラスが1つのクラス名を取得すると、それらはある方法で動作します。リンクの同じクラスが別のクラス名を取得すると、それらは異なる動作をします。クラス名はjqueryで切り替えられます。 したがって、リンククラスとIDを同時に選択できる必要があります。これは可能ですか？ 私はもう試した： $("a .save #country") 結果なし。
13
jQueryでnullオブジェクトをチェックする方法
私はjQueryを使用していて、ページ内の要素の存在を確認したいと思います。私は次のコードを書きましたが、機能していません： if($("#btext" + i) != null) { //alert($("#btext" + i).text()); $("#btext" + i).text("Branch " + i); } 要素の存在を確認するにはどうすればよいですか？
169 javascript  jquery  dom  object  null 
14
div要素内のテキストを置き換えるにはどうすればよいですか？
DIV要素内のテキストを動的に設定する必要があります。ブラウザを安全に使用するための最善の方法は何ですか？私はprototypejsとscriptaculousを利用できます。 <div id="panel"> <div id="field_name">TEXT GOES HERE</div> </div> 関数は次のようになります。 function showPanel(fieldName) { var fieldNameElement = document.getElementById('field_name'); //Make replacement here }
166 javascript  html  dom 
4
xpathで「not」を使用する方法は？
私はそのようなものを書きたいです： //a[not contains(@id, 'xx')] （「id」属性に「xx」という文字列が含まれていないすべてのリンクを意味します） 正しい構文が見つかりません。
164 dom  xpath  xpathquery 
12
<select>要素で選択された<option>のテキストを取得する
以下では： &lt;select id="test"&gt; &lt;option value="1"&gt;Test One&lt;/option&gt; &lt;option value="2"&gt;Test Two&lt;/option&gt; &lt;/select&gt; JavaScriptを使用して、選択したオプション（つまり、「テスト1」または「テスト2」）のテキストを取得するにはどうすればよいですか document.getElementsById('test').selectedValue 1または2を返すのは、選択したオプションのテキストを返すプロパティはどれですか。
156 javascript  html  dom 
8
要素をクリックする方法（ドキュメント全体）
クリックしたHTMLドキュメントの現在の要素（要素は何でも）を取得したいと思います。使ってます： $(document).click(function () { alert($(this).text()); }); しかし、非常に奇妙なことに、クリックされた要素ではなく、ドキュメント全体（！）のテキストを取得します。 クリックした要素のみを取得するにはどうすればよいですか？ 例 &lt;body&gt; &lt;div class="myclass"&gt;test&lt;/div&gt; &lt;p&gt;asdfasfasf&lt;/p&gt; &lt;/body&gt; 「テスト」テキストをクリックすると$(this).attr("myclass"、jQuery で）を使用して属性を読み取ることができます。
150 javascript  jquery  html  dom 
12
ページの読み込みが完了するまでページ読み込みdivを表示する方法
集中的な呼び出しを行っているため、ロードが非常に遅いセクションがWebサイトにあります。 私は得ることができますどのように任意のアイデアdivページ自体を準備しながら、表示するために「ロード」に似た何かを言うし、その後、すべての準備が整ったときに消えるために？
148 javascript  jquery  html  dom  loader 
10
IFRAMEの読み込みが完了したときのJavaScriptコールバック？
IFRAMEの読み込みが完了したら、コールバックを実行する必要があります。IFRAMEのコンテンツを制御できないため、そこからコールバックを起動できません。 このIFRAMEはプログラムで作成され、そのデータを変数としてコールバックで渡し、iframeを破棄する必要があります。 何か案は？ 編集： これが私が今持っているものです： function xssRequest(url, callback) { var iFrameObj = document.createElement('IFRAME'); iFrameObj.src = url; document.body.appendChild(iFrameObj); $(iFrameObj).load(function() { document.body.removeChild(iFrameObj); callback(iFrameObj.innerHTML); }); } これはiFrameが読み込まれる前にコールバックするため、コールバックにはデータが返されません。
147 javascript  events  dom  iframe 
4
親の純粋なJavaScriptの子要素を見つける
最も効率的な方法は、純粋なJavaScriptのみを使用して特定の親要素の（クラスまたはIDを持つ）子要素を見つけることです。jQueryやその他のフレームワークはありません。 この場合、私が見つける必要があるだろうchild1のかchild2のの親を DOMツリーが複数持つことができると仮定し、child1のかchild2のツリー内のクラスの要素を。親の要素だけが欲しい &lt;div class="parent"&gt; &lt;div class="child1"&gt; &lt;div class="child2"&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt;
142 javascript  dom 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.