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

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

10
A要素のhref属性を取得する
ページ上のリンクを見つけようとしています。 私の正規表現は: /<a\s[^>]*href=(\"\'??)([^\"\' >]*?)[^>]*>(.*)<\/a>/ しかし失敗するようです <a title="this" href="that">what?</a> タグの最初に配置されていないhrefを処理するように正規表現を変更するにはどうすればよいですか?
114 php  html  dom 



15
jQueryで要素コンテンツの変更を検出する
change() 関数は機能し、フォーム要素の変更を検出しますが、DOM要素のコンテンツが変更されたことを検出する方法はありますか? これ#contentは、フォーム要素でない限り機能しません $("#content").change( function(){ // do something }); 私はこれを次のようなときにトリガーします: $("#content").html('something'); またhtml()、append()関数にはコールバックがありません。 助言がありますか?
113 javascript  jquery  dom 

11
HTML要素にスクロールバーがあるかどうかを確認する
要素にスクロールバーがあるかどうかを確認する最も速い方法は何ですか? もちろん、要素がそのビューポートより大きいかどうかを確認することは、次の2つの値を確認することで簡単に実行できます。 el.scrollHeight > el.offsetHeight || el.scrollWidth > el.offsetWidth しかし、それはそれが同様にスクロールバーを持っていることを意味しません(したがって、実際に人間がスクロールすることができます)。 質問 1つのクロスブラウザーで2つの JavaScriptのみ(jQueryがない場合と同様)でスクロールバーを確認するにはどうすればよいですか? Javascriptのみ。非常に高速なjQueryセレクターフィルターを作成したいので、可能な限り小さなオーバーヘッドが必要です。 // check for specific scrollbars $(":scrollable(x/y/both)") // check for ANY scrollbar $(":scrollable") overflowスタイル設定を確認する必要があると思いますが、クロスブラウザーでそれを行うにはどうすればよいですか? 追加編集 overflowスタイル設定だけではありません。要素にスクロールバーがあるかどうかを確認することは、見かけほど簡単ではありません。上で書いた最初の式は、要素に境界線がない場合は正常に機能しますが、境界線がかなり広い場合(特に境界線の幅offsetが大きい場合)、寸法はscroll寸法より大きくなる場合がありますが、要素はスクロール可能です。offset要素の実際のスクロール可能なビューポートを取得し、それをscroll寸法と比較するには、実際に寸法から境界を差し引く必要があります。 今後の参考のために :scrollablejQueryセレクターフィルターは私の.scrollintoview()jQueryプラグインに含まれています。誰かがそれを必要とするならば、完全なコードは私のブログ投稿にあります。実際の解決策は提供されていませんが、Soumyaのコードは問題の解決に大きく役立ちました。それは私を正しい方向に向けました。

9
ドキュメントに対する要素の位置を見つける
ドキュメント/ボディ/ブラウザウィンドウに対する要素の位置を決定する最も簡単な方法は何ですか? 現在、私はを使用.offsetLeft/offsetTopしていますが、このメソッドは親要素に対する相対的な位置のみを提供するため、body /ブラウザウィンドウ/ドキュメントの位置に対する相対的な位置を知るには、body要素に対する親の数を決定する必要があります。 この方法も面倒です。
113 javascript  dom 


20
.innerHTMLで挿入された<script>要素の実行
私はいくつかのコンテンツを要素に挿入するスクリプトを持っています innerHTML。 コンテンツは、たとえば次のようになります。 &lt;script type="text/javascript"&gt;alert('test');&lt;/script&gt; &lt;strong&gt;test&lt;/strong&gt; 問題は、&lt;script&gt;タグ内のコードが実行されないことです。私はそれを少しググりましたが、明確な解決策はありませんでした。jQueryを使用してコンテンツを挿入した場合、DOMに挿入される前に$(element).append(content);スクリプトパーツが取得evalされます。 誰かがすべての&lt;script&gt;要素を実行するコードのスニペットを持っていますか?jQueryコードは少し複雑だったので、どのように行われたのか本当に理解できませんでした。 編集: jQueryコードをのぞいてみると、jQueryがそれをどのように行うかを理解することができました。その結果、次のコードが生成されました。 Demo: &lt;div id="element"&gt;&lt;/div&gt; &lt;script type="text/javascript"&gt; function insertAndExecute(id, text) { domelement = document.getElementById(id); domelement.innerHTML = text; var scripts = []; ret = domelement.childNodes; for ( var i = 0; ret[i]; i++ ) { if ( scripts &amp;&amp; nodeName( ret[i], "script" ) …

7
DOMに任意のJSONを埋め込むためのベストプラクティス?
次のように、DOMに任意のJSONを埋め込むことを考えています。 &lt;script type="application/json" id="stuff"&gt; { "unicorns": "awesome", "abc": [1, 2, 3] } &lt;/script&gt; これは、JavaScriptテンプレートエンジンで後で使用するために、任意のHTMLテンプレートをDOMに格納する方法に似ています。この場合、後でJSONを取得して次のように解析できます。 var stuff = JSON.parse(document.getElementById('stuff').innerHTML); これは機能しますが、最善の方法ですか?これはベストプラクティスや標準に違反していますか? 注:私は、JSONをDOMに保存する代わりの方法を探していません。特定の問題に対する最善の解決策であるとすでに判断しています。私はそれを行うための最良の方法を探しています。

9
Pythonでminidomを使用して要素の値を取得する
PythonでEve Online APIのGUIフロントエンドを作成しています。 サーバーからXMLデータを正常にプルしました。 「名前」というノードから値を取得しようとしています。 from xml.dom.minidom import parse dom = parse("C:\\eve.xml") name = dom.getElementsByTagName('name') print name これはノードを見つけるようですが、出力は以下のとおりです。 [&lt;DOM Element: name at 0x11e6d28&gt;] ノードの値を出力するにはどうすればよいですか?
109 python  dom  minidom 



8
いつjQueryのdocument.ready関数を使用すればよいですか?
私が最初にJavascript / jQueryを使い始めたとき、document.readyを使うように言われましたが、その理由を本当に知りませんでした。 誰かがjavascript / jqueryコードをjQueryの中にラップするのが理にかなっているときについていくつかの基本的なガイドラインを提供するかもしれdocument.readyませんか? 興味のあるトピック: jQueryの.on()メソッド:.on()AJAX のメソッドをかなり使用しています(通常、動的に作成されたDOM要素に対して)。必要がある.on()クリックハンドラは常になる内部 document.ready? パフォーマンス:さまざまなjavascript / jQueryオブジェクトを document.readyの内部または外部に保持する方がパフォーマンスが高いですか(また、パフォーマンスの違いは重要ですか?)? オブジェクトスコープ:AJAXで読み込まれたページは、前のページのdocument.ready 内にあったオブジェクトにアクセスできません。よろしいですか?document.readyの外部にあるオブジェクト(つまり、本当に「グローバル」なオブジェクト)にのみアクセスできますか? 更新:ベストプラクティスに従うために、すべてのJavaScript(jQueryライブラリとアプリのコード)はHTMLページの下部にありdefer、AJAXでロードされたページでjQueryを含むスクリプトの属性を使用して、これらのページでjQueryライブラリにアクセスできます。



弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.