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

関数を使用して、要素の可視性をトグルすることが可能である.hide()、.show()または.toggle()？ 要素がであるvisibleかどうかをどのようにテストしますかhidden？

7743 javascript  jquery  dom  visibility 

onclickJavaScriptを使用してイベントに応答してHTML要素のクラスを変更するにはどうすればよいですか？

2776 javascript  html  dom 

したがって、jQuery 1.6には新しい関数がありますprop()。 $(selector).click(function(){ //instead of: this.getAttribute('style'); //do i use: $(this).prop('style'); //or: $(this).attr('style'); }) またはこの場合、彼らは同じことをしますか？ また、を使用するように切り替える必要がある場合、1.6に切り替えるとprop()、すべての古いattr()通話が切断されますか？ 更新 selector = '#id' $(selector).click(function() { //instead of: var getAtt = this.getAttribute('style'); //do i use: var thisProp = $(this).prop('style'); //or: var thisAttr = $(this).attr('style'); console.log(getAtt, thisProp, thisAttr); }); <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.0/jquery.min.js"></script> <div id='id' style="color: red;background: orange;">test</div> …

2301 javascript  jquery  dom  attr  prop 

私は、次のようなHTML要素のXとYの位置を取得する方法を知りたいimgとdiv、ブラウザウィンドウにはJavaScriptに相対。

1570 javascript  html  css  dom  position 

JavaScriptで、現在どの要素がフォーカスされているかを確認したいと思います。私はDOMを調べてきましたが、必要なものがまだ見つかりません。これを行う方法はありますか？ 私がこれを探していた理由： 矢印のようなキーを作成しenter、入力要素のテーブルをナビゲートしようとしています。タブは動作しますが、Enterキーを押します。デフォルトでは、矢印は表示されません。キー処理パーツをセットアップしましたが、イベント処理関数でフォーカスを移動する方法を理解する必要があります。

1309 javascript  dom 

私はいくつかの古いJavaScriptコードをリファクタリングしており、多くのDOM操作が行われています。 var d = document; var odv = d.createElement("div"); odv.style.display = "none"; this.OuterDiv = odv; var t = d.createElement("table"); t.cellSpacing = 0; t.className = "text"; odv.appendChild(t); jQueryを使用してこれを行うより良い方法があるかどうか知りたいのですが。私は実験してきました： var odv = $.create("div"); $.append(odv); // And many more しかし、これがもっと良いかどうかはわかりません。

1251 javascript  jquery  html  dom  dhtml 

展開して非表示にしようとしているテーブル列があります。 要素の名前ではなくクラスでtd選択すると、jQueryは要素を非表示にするようです。 たとえば、なぜそうなのか： $(".bold").hide(); // selecting by class works $("tcol1").hide(); // select by element name does not work 以下のHTMLに注意してください。2番目の列はすべての行で同じ名前です。name属性を使用してこのコレクションを作成するにはどうすればよいですか？ <tr> <td>data1</td> <td name="tcol1" class="bold"> data2</td> </tr> <tr> <td>data1</td> <td name="tcol1" class="bold"> data2</td> </tr> <tr> <td>data1</td> <td name="tcol1" class="bold"> data2</td> </tr>

1227 javascript  jquery  html  dom  jquery-selectors 

DOM要素（HTMLドキュメント内）が現在表示されている（ビューポートに表示されている）かどうかを確認する効率的な方法はありますか？ （質問はFirefoxに関するものです。）

949 javascript  html  firefox  dom  browser 

JavaScriptを使用した検索に取り組んでいます。フォームを使用しますが、ページ上で他のものが混乱します。この入力テキストフィールドがあります。 <input name="searchTxt" type="text" maxlength="512" id="searchTxt" class="searchField"/> そして、これは私のJavaScriptコードです： <script type="text/javascript"> function searchURL(){ window.location = "http://www.myurl.com/search/" + (input text value); } </script> テキストフィールドからJavaScriptに値を取得するにはどうすればよいですか？

873 javascript  dom  html-input 

JavaScriptでDOMノードのすべての子要素を削除するにはどうすればよいですか？ 次の（醜い）HTMLがあるとします。 <p id="foo"> <span>hello</span> <div>world</div> </p> 必要なノードを次のように取得します。 var myNode = document.getElementById("foo"); 残っているfooように、どのように私はの子を削除でき<p id="foo"></p>ますか？ 私はただ行うことができますか： myNode.childNodes = new Array(); または私はいくつかの組み合わせを使用する必要がありremoveElementますか？ 正直なDOMで答えてください。ただし、DOMのみの回答とともにjQueryで回答を提供する場合は、追加のポイントが必要です。

873 javascript  dom 

最近、かなり厄介なバグに遭遇しました。コードが<select>JavaScriptを介して動的にロードされていました。この動的にロード<select>された値は事前に選択されていました。IE6では、我々はすでに選択を修正するためのコードを持っていた<option>、時にはので、<select>のselectedIndex値は、選択と同期してだろう<option>s 'はindex以下のように属性： field.selectedIndex = element.index; ただし、このコードは機能していませんでした。フィールドselectedIndexが正しく設定されていたとしても、間違ったインデックスが選択されることになります。ただし、alert()適切なタイミングでステートメントを挿入した場合、正しいオプションが選択されます。これはある種のタイミングの問題かもしれないと思い、以前コードで見たランダムなものを試しました： var wrapFn = (function() { var myField = field; var myElement = element; return function() { myField.selectedIndex = myElement.index; } })(); setTimeout(wrapFn, 0); そしてこれはうまくいきました！ 私には問題の解決策がありますが、なぜこれが問題を解決するのか正確にわからないので不安です。正式な説明はありますか？を使用して「後で」関数を呼び出すことで、どのブラウザの問題を回避できsetTimeout()ますか？

872 javascript  dom  event-loop 

入力ボックスと選択ボックスにいくつかのイベントリスナーが接続されているページがあります。特定のDOMノードを監視しているイベントリスナーと、そのイベントを見つける方法はありますか？ イベントは以下を使用して添付されます： プロトタイプの Event.observe ; DOM addEventListener; 要素属性としてelement.onclick。

841 javascript  events  dom 

$("#item").removeClass()要素が持つ可能性のあるすべての単一のクラスを個別に呼び出す代わりに、特定の要素からすべてのCSSクラスを削除する単一の関数を呼び出すことができますか？ jQueryとraw JavaScriptの両方が機能します。

778 javascript  jquery  dom 

ありますinsertBefore()JavaScriptで、どのように私は、要素を挿入することができた後、 jQueryのまたは別のライブラリを使用せずに別の要素？

757 javascript  dom  insert  append 

要素を表すHTML文字列があります：'<li>text</li>'。それをDOMの要素（ul私の場合はa ）に追加したいと思います。プロトタイプまたはDOMメソッドでこれを行うにはどうすればよいですか？ （私はこれをjQueryで簡単に実行できることを知っていますが、残念ながら私たちはjQueryを使用していません。）

621 javascript  dom  prototypejs