«dom» etiketlenmiş sorular

Javascript / jQuery'yi ilk kullanmaya başladığımda document.ready'yi kullanmam söylendi, ancak nedenini hiç öğrenmedim. Birisi, javascript / jquery kodunu jQuery’nin içine sarmanın ne zaman mantıklı olduğu konusunda bazı temel yönergeler sağlayabilir document.readymi? İlgilendiğim bazı konular: jQuery'nin .on()yöntemi: .on()AJAX için yöntemi oldukça kullanıyorum (tipik olarak dinamik olarak oluşturulmuş DOM öğelerinde). Meli .on()tıklama …

107 javascript  jquery  dom  event-handling  document-ready 

JavaScript kullanarak HTML'deki bir sonraki öğeyi nasıl edinebilirim? Diyelim ki üç <div>tane var ve JavaScript kodunda bir referans alıyorum, hangisinin sonraki <div>ve hangisinin önceki olduğunu öğrenmek istiyorum .

107 javascript  html  dom 

ASP.NET MVC ile uygulamalar yazıyorum. Geleneksel ASP.NET'in aksine, oluşturulan sayfanızdaki tüm kimlikleri oluşturmaktan çok daha fazla sorumlusunuz. ASP.NET size kötü, ancak benzersiz kimlikler verir. Belgemde yinelenen kimlikler olup olmadığını kontrol etmek için hızlı bir küçük jQuery betiği eklemek istiyorum. DIVS, resimler, onay kutuları, düğmeler vb. İçin kimlikler olabilirler. <div id="pnlMain"> …

106 jquery  dom 

Bir SVG dosyası için bazı ECMAScript / JavaScript üzerinde çalışıyorum ve onu çevreleyen bir dikdörtgeni yeniden boyutlandırabilmem için bir öğenin widthve öğesinin alınması gerekiyor. HTML'de , öğede ve niteliklerini kullanabilirim, ancak bu özelliklerin kullanılamadığı görülüyor.heighttextoffsetWidthoffsetHeight İşte üzerinde çalışmam gereken bir parça. Metni her değiştirdiğimde dikdörtgenin genişliğini değiştirmem gerekiyor, ancak öğenin …

106 javascript  dom  text  svg 

Bazı performans nedenlerinden dolayı, seçilen düğümün yalnızca kardeş düğümlerini seçmenin bir yolunu bulmaya çalışıyorum. Örneğin, <div id="outer"> <div id="inner1"></div> <div id="inner2"></div> <div id="inner3"></div> <div id="inner4"></div> </div> İç1 düğümünü seçersem, kardeşlerine, inner2-4düğümlerine erişmemin bir yolu var mı?

106 javascript  dom  siblings 

Satır içi CSS değerlerini javascript ile ayarlamak kolaydır. Genişliği değiştirmek istersem ve bunun gibi html'im varsa: <div style="width: 10px"></div> Tek yapmam gereken: document.getElementById('id').style.width = value; Satır içi stil sayfası değerlerini değiştirecektir. Normalde bu bir sorun değildir çünkü satır içi stil, stil sayfasını geçersiz kılar. Misal: <style> #tId { width: 50%; …

105 javascript  html  css  ajax  dom 

Bir XML Belgesinin ( org.w3c.dom.Document) Dize temsilini almanın en basit yolu nedir ? Yani tüm düğümler tek bir hatta olacak. Örnek olarak <root> <a>trge</a> <b>156</b> </root> (bu sadece bir ağaç temsili, benim kodumda bir org.w3c.dom.Documentnesne, bu yüzden onu String olarak ele alamıyorum) -e "<root> <a>trge</a> <b>156</b> </root>" Teşekkürler!

104 java  xml  string  dom  xmldocument 

Basit bir soru, üzerinden kaptığım bir öğem var .getElementById (). Çocuğu olup olmadığını nasıl kontrol ederim?

104 javascript  dom 

Görünüşe göre Chrome'un <option>bir <select>. Firefox yapacak. <option>Bir arama kriterine uyan ’leri gizlemem gerekiyor . Chrome web araçlarında display: none;, JavaScript'im tarafından doğru şekilde ayarlandıklarını görebiliyorum , ancak daha sonra <select>menü tıklandığında gösteriliyorlar. <option>Arama kriterlerime uyan bu ’ lerin menü tıklandığında gösterilmemesini nasıl sağlayabilirim ? Teşekkürler!

104 javascript  jquery  css  dom 

document.querySelectorAll(...).map(...)Firefox 3.6'da bile yapamamak canımı sıkıyor ve hala bir cevap bulamıyorum, bu yüzden SO'ya bu blogdaki soruyu çapraz göndermeyi düşündüm: http://blowery.org/2008/08/29/yay-for-queryselectorall-boo-for-staticnodelist/ Bir Dizi almamanızın teknik bir nedeni bilen var mı? Ya da bir StaticNodeList sen kullanabilirsiniz şekilde bir Array devralan neden açılmadığını map, concatvb? (BTW, istediğiniz işlevlerden yalnızca biriyse, şöyle …

103 javascript  dom  css-selectors 

org.w3c.dom.DocumentA'dan stdout'a güzelce yazdırmanın (diğer bir deyişle biçimlendirilmiş) en kolay yolu nedir ?

103 java  xml  dom  w3c 

Umarım kendimi aptal yerine koymam ama bu iki satır kodda neler olduğunu anlamaya çalışıyorum: document.body.innerHTML = 'something'; alert('something else'); Gözlemlediğim şey, uyarının HTML güncellenmeden önce gösterilmesidir (veya belki de olmuştur, ancak sayfa yenilenmemiş / yeniden boyanmamıştır / her neyse) Ne demek istediğimi görmek için bu codepen'e bakın. Hatta koyarak not …

103 javascript  html  google-chrome  dom 

HTML düğümlerinin bir listesini kabul eden bir Javascript işlevim var, ancak bir Javascript dizisi bekliyor (bunun üzerinde bazı Dizi yöntemlerini çalıştırıyor) ve bunu Document.getElementsByTagNamebir DOM düğüm listesi döndüren çıktısını beslemek istiyorum . Başlangıçta şöyle basit bir şey kullanmayı düşündüm: Array.prototype.slice.call(list,0) Ve bu, elbette "JScript nesnesi bekleniyor" hatasını döndüren Internet Explorer …

103 javascript  html  dom 

Google Chrome'un Geliştirici Araçlarında, etiketinin #shadow-rootaltında bir sağ görüyorum <html lang="en">. ne işe yarar ve ne için kullanılır? Firefox'ta veya IE'de görmüyorum; yalnızca Chrome'da, bu özel bir özellik mi? Ben gösterileri onu, açarsanız <head>ve <body>adlandırılmış yanında bir bağlantı revealtıklayarak, bu işaret <head>ve <body>, başka bir şey.

100 html  google-chrome  dom  google-chrome-devtools 

Bunun gibi bazı html'm var: <div id="1"> <p> Volume = <input type="text" /> <button rel="3.93e-6" class="1" type="button">Check answer</button> </p> <div></div> </div> ve bunun gibi bazı JS: $("button").click(function () { var buttonNo = $(this).attr('class'); var correct = Number($(this).attr('rel')); validate (Number($("#"+buttonNo+" input").val()),correct); $("#"+buttonNo+" div").html(feedback); }); Gerçekten istediğim şey, düğmede sınıf = "1" …

99 jquery  dom  semantics