プログラミング dom

25

（jQueryではなく）プレーンなJavaScriptを使用して、要素にクラスが含まれているかどうかを確認する方法はありますか？現在、私はこれをやっています： var test = document.getElementById("test"); var testClass = test.className; switch (testClass) { case "class1": test.innerHTML = "I have class1"; break; case "class2": test.innerHTML = "I have class2"; break; case "class3": test.innerHTML = "I have class3"; break; case "class4": test.innerHTML = "I have class4"; break; default: test.innerHTML = ""; } …

588 javascript html css dom

16

jQueryはオブジェクトに登録されたイベントハンドラーを検索します

OverаэтотвопросестьответынаStack Overflowнарусском：JQueryпоискобработчикасобытияобъекта オブジェクトに登録されているイベントハンドラを見つける必要があります。例えば： $("#el").click(function() {...}); $("#el").mouseover(function() {...}); $("#el")クリックとマウスオーバーが登録されています。それを見つけて、おそらくイベントハンドラを反復する関数はありますか？適切なメソッドを介してjQueryオブジェクトでそれができない場合、プレーンなDOMオブジェクトで可能ですか？

555 jquery events dom

5

DOM parentNodeとparentElementの違い

誰かが私をできるだけ簡単に説明できますか？古典的なDOM parentNodeとFirefox 9で新しく導入されたparentElementの違いは何ですか？

501 javascript firefox dom

9

jQueryまたはgetElementByIdなどのDOMメソッドが要素を見つけられないのはなぜですか？

document.getElementById、$("#id")またはその他のDOMメソッド/ jQueryセレクタが要素を見つけられない理由として考えられるものは何ですか問題の例は次のとおりです。イベントハンドラーのバインドに失敗するjQuery jQueryの"ゲッター"メソッド（.val()、.html()、.text()）を返しますundefined nullいくつかのエラーのいずれかを返す標準のDOMメソッド： Uncaught TypeError：nullのプロパティ '...'を設定できませんUncaught TypeError：nullのプロパティ '...'を読み取れません最も一般的な形式は次のとおりです。 Uncaught TypeError：nullのプロパティ 'onclick'を設定できません Uncaught TypeError：nullのプロパティ 'addEventListener'を読み取れません Uncaught TypeError：nullのプロパティ 'style'を読み取れません

483 javascript jquery dom

12

jQueryを使用してHTML要素を作成する最も効率的な方法は何ですか？

最近、私は多くのモーダルウィンドウポップアップを実行しており、jQueryを使用しています。ページに新しい要素を作成するために使用した方法は、圧倒的に次のようなものです。 $("<div></div>"); しかし、これはこれを行うための最良または最も効率的な方法ではないという感覚を得ています。パフォーマンスの観点からjQueryで要素を作成する最良の方法は何ですか？この回答には、以下の提案に対するベンチマークがあります。

425 javascript jquery html dom

24

表示されているDOMに要素が存在するかどうかを確認するにはどうすればよいですか？

getElementByIdメソッドを使用せずに要素の存在をどのようにテストしますか？参考のためにライブデモをセットアップしました。ここにもコードを印刷します。 <!DOCTYPE html> <html> <head> <script> var getRandomID = function (size) { var str = "", i = 0, chars = "0123456789abcdefghijklmnopqurstuvwxyzABCDEFGHIJKLMNOPQURSTUVWXYZ"; while (i < size) { str += chars.substr(Math.floor(Math.random() * 62), 1); i++; } return str; }, isNull = function (element) { var randomID = getRandomID(12), savedID = …

421 javascript dom variables element exists

16

JavaScriptを使用して選択ボックス要素の値をプログラムで設定するにはどうすればよいですか？

次のHTML <select>要素があります。 <select id="leaveCode" name="leaveCode"> <option value="10">Annual Leave</option> <option value="11">Medical Leave</option> <option value="14">Long Service</option> <option value="17">Leave Without Pay</option> </select> leaveCode数値をパラメーターとしてJavaScript関数を使用して、リストから適切なオプションを選択するにはどうすればよいですか？

420 javascript html dom

30

Reactコンポーネントの外側のクリックを検出

この記事で説明するように、クリックイベントがコンポーネントの外部で発生したかどうかを検出する方法を探しています。jQuerynearest（）は、クリックイベントからのターゲットがその親の1つとしてdom要素を持っているかどうかを確認するために使用されます。一致がある場合、クリックイベントは子の1つに属しているため、コンポーネントの外部にあるとは見なされません。したがって、私のコンポーネントでは、ウィンドウにクリックハンドラーをアタッチします。ハンドラーが起動したら、ターゲットをコンポーネントのdomの子と比較する必要があります。クリックイベントには、イベントが移動したdomパスを保持しているように見える「path」などのプロパティが含まれています。何を比較するのか、どのように最適にトラバースするのかわからないので、誰かがすでにそれを巧妙なユーティリティ関数に入れている必要があると思います...いいえ？

410 javascript dom reactjs

5

HTMLのプロパティと属性の違いは何ですか？

jQuery 1.6.1での変更後、プロパティと属性の違いをHTMLで定義しようとしています。 jQuery 1.6.1リリースノート（下部近く）のリストを見ると、HTMLのプロパティと属性を次のように分類できるようです。プロパティ：boolean値を持つもの、またはselectedIndexなどのUAで計算されるものすべて。属性：ブール値でもUAで生成された値でもないHTML要素に追加できる「属性」。考え？

408 javascript html dom properties

12

HTMLCollection要素のforループ

私はすべての要素のIDを取得するように設定しようとしていHTMLCollectionOfます。次のコードを書きました。 var list = document.getElementsByClassName("events"); console.log(list[0].id); for (key in list) { console.log(key.id); } しかし、私はコンソールで次の出力を得ました： event1 undefined これは私が期待したものではありません。2番目のコンソール出力はなぜundefined最初のコンソール出力はevent1なぜですか？

405 javascript dom

11

jQueryでテキストノードを選択するにはどうすればよいですか？

要素のすべての子孫テキストノードをjQueryコレクションとして取得したいと思います。それを行う最良の方法は何ですか？

388 javascript jquery dom

12

不変の違反：_registerComponent（…）：ターゲットコンテナーはDOM要素ではありません

取るに足らないReactサンプルページを作成した後、このエラーが発生します。キャッチされないエラー：不変の違反：_registerComponent（...）：ターゲットコンテナーはDOM要素ではありません。これが私のコードです： /** @jsx React.DOM */ 'use strict'; var React = require('react'); var App = React.createClass({ render() { return <h1>Yo</h1>; } }); React.renderComponent(<App />, document.body); HTML： <html> <head> <script src="/bundle.js"></script> </head> <body> </body> </html> これは何を意味するのでしょうか？

388 javascript dom reactjs

4

それぞれ、offsetWidth、clientWidth、scrollWidth、および-Heightについて

StackOverflowには、offsetWidth / clientWidth / scrollWidth（および-Height）に関するいくつかの質問がありますが、それらの値の包括的な説明はありません。また、Webには、混乱または不正確な情報を提供するソースがいくつかあります。いくつかの視覚的なヒントを含む完全な説明を提供できますか？また、これらの値を使用してスクロールバーの幅を計算するにはどうすればよいですか？

385 html css dom

18

要素がDOMに表示されるかどうかを確認します

要素が純粋なJS（jQueryではない）で表示されるかどうかを確認する方法はありますか？たとえば、このページ：Performance Bikesで、（トップメニューの）[取引]にカーソルを合わせると、取引のウィンドウが表示されますが、最初は表示されませんでした。HTMLにはありますが、表示されません。では、DOM要素が与えられた場合、それが表示されているかどうかをどのように確認できますか？私は試した： window.getComputedStyle(my_element)['display']); しかし、機能していないようです。どの属性をチェックすればよいのでしょうか。それは私の頭に浮かびます： display !== 'none' visibility !== 'hidden' 私が行方不明かもしれない他の何か？

377 javascript dom

5

Reactの仮想DOMの概念がダーティモデルチェックよりもパフォーマンスが高いと言われているのはなぜですか？

私が見たリアクト（でのdevの話を- JSConf EU 2013再考ベストプラクティスを：：リアクトピート・ハントを）とスピーカーは、モデルのダーティー・チェックが遅くなることが言及しました。しかし、仮想DOMは、ほとんどの場合、モデルよりも大きいはずなので、仮想DOM間の差分の計算は実際にはそれほど効率的ではありませんか？私は本当に仮想DOMの潜在的な能力（特にサーバー側のレンダリング）が好きですが、すべての長所と短所を知りたいです。

372 javascript dom reactjs virtual-dom

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

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