プログラミング dom

5

単純なHTMLElementラッパーのアイデアを検討しているときに、Internet ExplorerとChromeについて次の点に遭遇しました。 DOMツリーでIDが指定された特定のHTMLElementの場合、そのIDを変数名として使用してdivを取得できます。したがって、divのような <div id="example">some text</div> Internet Explorer 8とChromeあなたが行うことができます。 alert(example.innerHTML); //=> 'some text' または alert(window['example'].innerHTML); //=> 'some text' それで、これはDOMツリーのすべての要素がグローバル名前空間の変数に変換されることを意味しますか？また、これをgetElementByIdこれらのブラウザのメソッドの代わりとして使用できることを意味しますか？

364 javascript dom global-variables getelementbyid identifier

15

ウェブサイトのファビコンを動的に変更する

現在ログインしているユーザーに応じてブランド化されたWebアプリケーションがあります。ページのファビコンをプライベートラベルのロゴに変更したいのですが、コードや方法の例が見つかりませんこれをする。誰かが以前にこれを成功させたことがありますか？私は、フォルダ内に十数個のアイコンがあり、使用するfavicon.icoファイルへの参照がHTMLページと共に動的に生成されるところを描いています。考え？

347 javascript html dom favicon

6

DOM要素が削除された場合、そのリスナーもメモリから削除されますか？

336 javascript jquery dom memory memory-leaks

13

違反長時間実行されるJavaScriptタスクにxxミリ秒かかりました

最近、私はこの種の警告を受けました、そしてそれは私がそれを初めて受け取るのです： [Violation] Long running JavaScript task took 234ms [Violation] Forced reflow while executing JavaScript took 45ms 私はグループプロジェクトに取り組んでおり、これがどこから来ているのかわかりません。これは今までになかった。突然、誰か他の人がプロジェクトに参加したときに現れました。この警告の原因となっているファイル/機能を見つけるにはどうすればよいですか？私は答えを探していましたが、主にそれを解決する方法についての解決策についてです。問題の原因がわからなければ解決できません。この場合、警告はChromeでのみ表示されます。Edgeを使用しようとしましたが、同様の警告は表示されず、Firefoxでまだテストしていません。私もエラーを受け取りますjquery.min.js： [Violation] Handler took 231ms of runtime (50ms allowed) jquery.min.js:2

330 javascript google-chrome dom

12

onKeyPress対。onKeyUpおよびonKeyDown

これら3つのイベントの違いは何ですか？グーグルで次のことがわかりました。 onKeyDownユーザーがキーを押したときにイベントがトリガされます。 onKeyUpユーザーがキーを離したときにイベントがトリガされます。 onKeyPressイベントがトリガされたときにユーザプレス・リリース（キーonKeyDownが続きますonKeyUp）。最初の2つは理解できましたがonKeyPress、同じではありませんonKeyUpか？キー（onKeyUp）を押さずに（）キーを離すことはできonKeyDownますか？これは少し紛らわしいですが、誰かがこれを片付けてくれますか？

329 javascript dom dom-events

8

jQueryは子要素を数えます

<div id="selected"> <ul> <li>29</li> <li>16</li> <li>5</li> <li>8</li> <li>10</li> <li>7</li> </ul> </div> コードスニペットを実行する結果を非表示スニペットを展開の<li>要素の総数を数えたいのですが<div id="selected"></div>。jQueryを使用してどのように可能.children([selector])ですか？

324 javascript jquery dom

13

インラインのonclick属性でイベントの伝播を停止する方法は？

以下を検討してください。 <div onclick="alert('you clicked the header')" class="header"> <span onclick="alert('you clicked inside the header');">something inside the header</span> </div> ユーザーがスパンをクリックしたときにdivのクリックイベントが発生しないようにするにはどうすればよいですか？

313 javascript html events dom

14

プレーンJavaScriptの「hasClass」関数とは何ですか？

hasClassプレーンなol 'JavaScriptでjQueryをどのように行うのですか？例えば、 <body class="foo thatClass bar"> JavaScript <body>が持っているthatClassかどうかを確認する方法は何ですか？

313 javascript dom

6

絶対配置要素を介してマウスイベントを渡す

その上に絶対配置された別の要素を持つ要素のマウスイベントをキャプチャしようとしています。現時点では、絶対配置要素のイベントがそれにぶつかり、その親に向かってバブルしますが、これらのマウスイベントに対して「透過」にして、その背後にあるものに転送したいと考えています。これをどのように実装すればよいですか？

307 javascript html events dom javascript-events

4

JavaScriptの子とchildNodeの違いは何ですか？

私はJavaScriptを使用していることに気づきchildNodes、childrenプロパティに遭遇しました。それらの違いは何だろうと思っています。また、一方が他方よりも好ましいですか？

305 javascript dom

30

addEventListenerリスナー関数に引数を渡す方法は？

状況はやや似ています- var someVar = some_other_function(); someObj.addEventListener("click", function(){ some_function(someVar); }, false); 問題は、の値がsomeVarのリスナー関数内に表示されないことaddEventListenerです。この場合、おそらく新しい変数として扱われます。

304 javascript dom addeventlistener

5

NodeオブジェクトとElementオブジェクトの違いは？

NodeオブジェクトとElementオブジェクトの間で完全に混乱しています。 document.getElementById()Elementオブジェクトをdocument.getElementsByClassName() 返す一方でNodeList オブジェクトを返します（要素またはノードのコレクション？） divがElementオブジェクトの場合、div Nodeオブジェクトはどうでしょうか？ノードオブジェクトとはドキュメントオブジェクト、要素オブジェクト、テキストオブジェクトもノードオブジェクトですか？デビッドフラナガンの本「ドキュメントオブジェクト、その要素オブジェクト、テキストオブジェクトはすべてノードオブジェクト」のとおりです。では、どうしてオブジェクトはElementオブジェクトとNodeオブジェクトのプロパティ/メソッドを継承できるのでしょうか。はいの場合、継承のプロトタイプツリーでノードクラスと要素クラスが関連していると思います。 <div id="test"> <p class="para"> 123 </p> <p class="para"> abc </p> </div> <p id="id_para"> next </p> document.documentElement.toString(); // [object HTMLHtmlElement] var div = document.getElementById("test"); div.toString(); // [object HTMLDivElement] var p1 = document.getElementById("id_para"); p1.toString(); // [object HTMLParagraphElement] var p2 = document.getElementsByClassName("para"); …

301 javascript html dom

9

addEventListenerのuseCaptureパラメータを理解できません

https://developer.mozilla.org/en/DOM/element.addEventListenerの記事を読みましたが、useCapture属性を理解できません。定義があります： trueの場合、useCaptureはユーザーがキャプチャを開始したいことを示します。キャプチャを開始した後、指定されたタイプのすべてのイベントは、DOMツリー内のその下のEventTargetsにディスパッチされる前に、登録されたリスナーにディスパッチされます。ツリー全体を上方向にバブルしているイベントは、キャプチャを使用するように指定されたリスナーをトリガーしません。このコードでは、子の前に親イベントがトリガーされるため、その動作を理解できません。Documentオブジェクトのusecaptureがtrueで、子divのusecaptureがfalseに設定されており、ドキュメントのusecaptureに従っているため、ドキュメントプロパティが子よりも優先されます。 function load() { document.addEventListener("click", function() { alert("parent event"); }, true); document.getElementById("div1").addEventListener("click", function() { alert("child event"); }, false); } <body onload="load()"> <div id="div1">click me</div> </body> コードスニペットを実行するHide resultsスニペットを展開

290 javascript dom dom-events

14

jQuery：text（）とhtml（）の違いは何ですか？

jQueryのtext（）関数とhtml（）関数の違いは何ですか？ $("#div").html('<a href="example.html">Link</a><b>hello</b>'); 対 $("#div").text('<a href="example.html">Link</a><b>hello</b>');

276 jquery dom

14

JavaScriptの「送信は関数ではありません」エラー

誰かがこのコードの何が問題になっているのか教えてもらえますか？JavaScriptでフォームを送信しようとしましたが、「。submitは関数ではありません」というエラーが表示されました。コードの詳細については、以下を参照してください。 <form action="product.php" method="get" name="frmProduct" id="frmProduct" enctype="multipart/form-data"> <input onclick="submitAction()" id="submit_value" type="button" name="submit_value" value=""> </form> <script type="text/javascript"> function submitAction() { document.frmProduct.submit(); } </script> 私もこれを試しました： <script type="text/javascript"> function submitAction() { document.forms["frmProduct"].submit(); } </script> どちらも同じエラーを表示します:(

264 javascript html dom submit

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

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