คำถามติดแท็ก dom

Document Object Model (DOM) เป็นวิธีการทางโปรแกรมโดยอ้างถึงองค์ประกอบของภาษามาร์กอัปเช่น XML และ HTML ใช้กับ [javascript] หรือภาษาโปรแกรมอื่น ๆ ที่มีเครื่องมือแยกวิเคราะห์ DOM

6
เลือกองค์ประกอบทั้งหมดด้วยแอตทริบิวต์“ data-” โดยไม่ใช้ jQuery
การใช้ JavaScript เท่านั้นวิธีที่มีประสิทธิภาพที่สุดในการเลือกองค์ประกอบ DOM ทั้งหมดที่มีdata-แอตทริบิวต์ที่แน่นอนคืออะไร (สมมุติว่าdata-foo) องค์ประกอบอาจเป็นองค์ประกอบแท็กที่แตกต่างกัน <p data-foo="0"></p><br/><h6 data-foo="1"></h6>
233 javascript  html  dom 
5
ค้นหาองค์ประกอบบรรพบุรุษที่ใกล้เคียงที่สุดซึ่งมีคลาสเฉพาะ
ฉันสามารถหาบรรพบุรุษขององค์ประกอบที่ใกล้เคียงขึ้นไปบนต้นไม้ที่มีระดับโดยเฉพาะอย่างยิ่งใน JavaScript บริสุทธิ์ ? ตัวอย่างเช่นในต้นไม้เช่นนั้น: <div class="far ancestor"> <div class="near ancestor"> <p>Where am I?</p> </div> </div> แล้วฉันต้องการdiv.near.ancestorถ้าฉันลองนี้บนและค้นหาpancestor
225 javascript  html  dom 
12
วิธีใช้ Xpath ใน Python
ไลบรารีใดบ้างที่รองรับ Xpath มีการนำไปใช้อย่างเต็มรูปแบบหรือไม่? มีการใช้ห้องสมุดอย่างไร เว็บไซต์อยู่ที่ไหน
224 python  xml  dom  xpath  nodes 
15
ตรวจสอบว่าภาพถูกโหลด (ไม่มีข้อผิดพลาด) ด้วย jQuery
ฉันใช้จาวาสคริปต์กับไลบรารี่ jQuery เพื่อจัดการภาพขนาดย่อของรูปภาพที่อยู่ในรายการที่ไม่ได้เรียงลำดับ เมื่อโหลดภาพมันจะทำสิ่งหนึ่งเมื่อเกิดข้อผิดพลาดมันจะทำอย่างอื่น ฉันใช้ jQuery load()และerror()วิธีการเป็นกิจกรรม หลังจากเหตุการณ์เหล่านี้ฉันตรวจสอบองค์ประกอบภาพ DOM สำหรับ. complete เพื่อให้แน่ใจว่าภาพไม่ได้โหลดไว้แล้วก่อนที่ jQuery จะสามารถลงทะเบียนเหตุการณ์ได้ มันทำงานได้อย่างถูกต้องยกเว้นเมื่อเกิดข้อผิดพลาดก่อน jQuery สามารถลงทะเบียนเหตุการณ์ ทางออกเดียวที่ฉันคิดได้คือใช้onerrorแอตทริบิวต์img เพื่อเก็บ "ค่าสถานะ" ไว้ที่ใดที่หนึ่งทั่วโลก (หรือบนโหนดเป็นของตนเอง) ที่ระบุว่าล้มเหลวดังนั้น jQuery สามารถตรวจสอบว่า "ร้านค้า / โหนด" เมื่อตรวจสอบ .complete ใครมีทางออกที่ดีกว่า แก้ไข: จุดแข็งหลักและเพิ่มรายละเอียดพิเศษด้านล่าง: ฉันกำลังตรวจสอบว่าภาพเสร็จสมบูรณ์ (โหลดแล้วหรือยัง) หลังจากฉันเพิ่มเหตุการณ์การโหลดและข้อผิดพลาดบนภาพ ด้วยวิธีนี้ถ้าภาพถูกโหลดก่อนที่เหตุการณ์จะลงทะเบียนฉันจะยังคงรู้ หากภาพไม่ได้โหลดหลังจากเหตุการณ์เหตุการณ์จะดูแลเมื่อทำ ปัญหาเกี่ยวกับสิ่งนี้คือฉันสามารถตรวจสอบได้อย่างง่ายดายว่าภาพถูกโหลดไปแล้ว แต่ฉันไม่สามารถบอกได้ว่ามีข้อผิดพลาดเกิดขึ้นแทนหรือไม่
20
สามารถแทรกสคริปต์ด้วย innerHTML ได้หรือไม่
ผมพยายามที่จะโหลดสคริปต์บางอย่างในหน้าโดยใช้บนinnerHTML <div>ดูเหมือนว่าสคริปต์จะโหลดลงใน DOM แต่จะไม่ถูกดำเนินการ (อย่างน้อยใน Firefox และ Chrome) มีวิธีให้สคริปต์ทำงานเมื่อแทรกด้วยinnerHTMLหรือไม่ รหัสตัวอย่าง: <!DOCTYPE html> <html> <body onload="document.getElementById('loader').innerHTML = '<script>alert(\'hi\')<\/script>'"> Shouldn't an alert saying 'hi' appear? <div id="loader"></div> </body> </html> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายตัวอย่างข้อมูล
7
jQuery .live () vs .on () วิธีการเพิ่มเหตุการณ์คลิกหลังจากโหลด HTML แบบไดนามิก
ฉันใช้ jQuery v.1.7.1 โดยที่วิธีการ. live () ไม่ชัดเจน ปัญหาที่ฉันมีคือเมื่อโหลด html ไปยังองค์ประกอบแบบไดนามิกโดยใช้: $('#parent').load("http://..."); หากฉันลองและเพิ่มคลิกเหตุการณ์หลังจากนั้นจะไม่ลงทะเบียนเหตุการณ์โดยใช้วิธีใดวิธีหนึ่งต่อไปนี้: $('#parent').click(function() ...); หรือ // according to documentation this should be used instead of .live() $('#child').on('click', function() ...); วิธีที่ถูกต้องในการบรรลุฟังก์ชั่นนี้คืออะไร? ดูเหมือนว่าจะทำงานกับ. live () สำหรับฉัน แต่ฉันไม่ควรใช้วิธีการนั้น โปรดทราบว่า #child เป็นองค์ประกอบที่โหลดแบบไดนามิก ขอบคุณ
23
บังคับให้วาดใหม่ / รีเฟรช DOM บน Chrome / Mac
ในบางครั้ง Chrome จะแสดง HTML / CSS ที่ถูกต้องอย่างสมบูรณ์ไม่ถูกต้องหรือไม่ถูกเลย การขุดผ่านผู้ตรวจสอบ DOM นั้นเพียงพอที่จะทำให้เกิดข้อผิดพลาดในวิธีการและวาดใหม่ได้อย่างถูกต้องดังนั้นจึงเป็นกรณีที่มาร์กอัปเป็นสิ่งที่ดี สิ่งนี้เกิดขึ้นบ่อยครั้ง (และคาดการณ์ได้) เพียงพอในโครงการที่ฉันกำลังทำอยู่ซึ่งฉันได้วางโค้ดไว้เพื่อบังคับให้วาดใหม่ในบางสถานการณ์ ใช้ได้กับเบราว์เซอร์ / ระบบผสมส่วนใหญ่: el.style.cssText += ';-webkit-transform:rotateZ(0deg)' el.offsetHeight el.style.cssText += ';-webkit-transform:none' เช่นเดียวกับปรับแต่งคุณสมบัติ CSS ที่ไม่ได้ใช้แล้วขอข้อมูลบางอย่างที่บังคับให้วาดใหม่จากนั้นคลายคุณสมบัติ น่าเสียดายที่ทีมงานที่อยู่เบื้องหลัง Chrome สำหรับ Mac นั้นดูเหมือนจะพบวิธีที่จะชดเชยความสูงนั้นได้โดยไม่ต้องวาดใหม่ ดังนั้นการฆ่าแฮ็คที่มีประโยชน์อย่างอื่น จนถึงตอนนี้สิ่งที่ดีที่สุดที่ฉันได้รับเพื่อให้ได้ผลเช่นเดียวกันกับ Chrome / Mac คือความอัปลักษณ์ชิ้นนี้: $(el).css("border", "solid 1px transparent"); setTimeout(function() { $(el).css("border", "solid 0px transparent"); }, 1000); ในขณะที่จริงบังคับให้องค์ประกอบที่จะกระโดดเล็กน้อยจากนั้นทำใจให้สบายวินาทีและกระโดดกลับ …
16
jQuery - เหตุการณ์ทริกเกอร์เมื่อองค์ประกอบถูกลบออกจาก DOM
ฉันพยายามหาวิธีใช้รหัส js เมื่อองค์ประกอบถูกลบออกจากหน้า: jQuery('#some-element').remove(); // remove some element from the page /* need to figure out how to independently detect the above happened */ มีเหตุการณ์ที่เหมาะกับสิ่งนั้นเช่น: jQuery('#some-element').onremoval( function() { // do post-mortem stuff here }); ขอบคุณ
211 jquery  events  dom  triggers 
3
รับค่าของช่องทำเครื่องหมาย HTML จากเหตุการณ์ onclick / onchange
<input type="checkbox" onclick="onClickHandler()" onchange="onChangeHandler()" /> จากภายในonClickHandlerและ / หรือonChangeHandlerฉันจะทราบได้อย่างไรว่าสถานะใหม่ของช่องทำเครื่องหมายคืออะไร
18
ตรวจสอบว่ามีการเลือกตัวเลือกด้วย jQuery หรือไม่หากไม่ได้เลือกค่าเริ่มต้น
การใช้ jQuery คุณจะตรวจสอบได้อย่างไรว่ามีตัวเลือกในเมนูที่เลือกหรือไม่ถ้าไม่ให้กำหนดหนึ่งในตัวเลือกที่เลือก (ตัวเลือกถูกสร้างขึ้นด้วยฟังก์ชั่นของเขาวงกต PHP ในแอพที่ฉันเพิ่งได้รับดังนั้นนี่คือการแก้ไขอย่างรวดเร็วในขณะที่ฉันเดินไปรอบ ๆ พวกมัน :)
9
วิธีการตรวจสอบใน Javascript หากองค์ประกอบหนึ่งอยู่ในองค์ประกอบอื่น
ฉันจะตรวจสอบได้อย่างไรว่าองค์ประกอบหนึ่งของ DOM เป็นองค์ประกอบย่อยขององค์ประกอบอื่นของ DOM หรือไม่ มีวิธีการในตัวสำหรับสิ่งนี้หรือไม่? ตัวอย่างเช่น: if (element1.hasDescendant(element2)) หรือ if (element2.hasParent(element1)) ถ้าไม่เช่นนั้นความคิดวิธีการทำเช่นนี้? นอกจากนี้ยังต้องมีเบราว์เซอร์ข้าม ฉันควรพูดถึงด้วยว่าเด็กสามารถซ้อนกันหลายระดับด้านล่างผู้ปกครอง
201 javascript  dom 
5
องค์ประกอบ DOM ลบ JavaScript
ฉันพยายามทดสอบว่ามีองค์ประกอบ DOM อยู่หรือไม่และหากมีอยู่ให้ลบออกและหากไม่มีอยู่ให้สร้างขึ้นมา var duskdawnkey = localStorage["duskdawnkey"]; var iframe = document.createElement("iframe"); var whereto = document.getElementById("debug"); var frameid = document.getElementById("injected_frame"); iframe.setAttribute("id", "injected_frame"); iframe.setAttribute("src", 'http://google.com'); iframe.setAttribute("width", "100%"); iframe.setAttribute("height", "400"); if (frameid) // check and see if iframe is already on page { //yes? Remove iframe iframe.removeChild(frameid.childNodes[0]); } else // no? Inject iframe …
198 javascript  dom 
4
ฉันจะกำหนดประเภทขององค์ประกอบ HTML ใน JavaScript ได้อย่างไร
ฉันต้องการวิธีกำหนดประเภทขององค์ประกอบ HTML ใน JavaScript มันมี ID แต่องค์ประกอบเองอาจเป็น a <div>, <form>field, a <fieldset>, ฯลฯ ฉันจะทำสิ่งนี้ได้อย่างไร
191 javascript  dom 
8
วิธีการเข้าถึงวิธีการส่วนประกอบจาก "นอก" ใน ReactJS?
เหตุใดฉันจึงไม่สามารถเข้าถึงวิธีส่วนประกอบจาก“ ภายนอก” ใน ReactJS ได้ ทำไมมันเป็นไปไม่ได้และมีวิธีใดที่จะแก้ปัญหาได้? พิจารณารหัส: var Parent = React.createClass({ render: function() { var child = <Child />; return ( <div> {child.someMethod()} // expect "bar", got a "not a function" error. </div> ); } }); var Child = React.createClass({ render: function() { return ( <div> foo </div> ); }, …
183 javascript  reactjs  dom 
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.