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

มันเป็นไปได้ที่จะสลับการแสดงผลขององค์ประกอบโดยใช้ฟังก์ชั่น.hide(), .show()หรือ.toggle()? วิธีที่คุณจะทดสอบว่าเป็นองค์ประกอบvisibleหรือhidden?

7739 javascript  jquery  dom  visibility 

ฉันจะเปลี่ยนคลาสขององค์ประกอบ HTML เพื่อตอบสนองต่อonclickเหตุการณ์โดยใช้ JavaScript ได้อย่างไร

2775 javascript  html  dom 

ดังนั้นjQuery 1.6prop()มีฟังก์ชั่นใหม่ $(selector).click(function(){ //instead of: this.getAttribute('style'); //do i use: $(this).prop('style'); //or: $(this).attr('style'); }) หรือในกรณีนี้พวกเขาทำสิ่งเดียวกัน และถ้าผมจะต้องเปลี่ยนไปใช้prop()ทั้งหมดเก่าattr()โทรจะทำลายถ้าฉันเปลี่ยนไป 1.6? UPDATE 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: …

2297 javascript  jquery  dom  attr  prop 

ฉันต้องการทราบวิธีรับตำแหน่ง X และ Y ขององค์ประกอบ HTML เช่นimgและdivใน JavaScript ที่สัมพันธ์กับหน้าต่างเบราว์เซอร์

1567 javascript  html  css  dom  position 

ฉันต้องการค้นหาคำตอบใน JavaScript องค์ประกอบใดที่มีจุดสนใจอยู่ในขณะนี้ ฉันได้ดูผ่าน DOM และยังไม่พบสิ่งที่ฉันต้องการ มีวิธีทำเช่นนี้หรือไม่? เหตุผลที่ฉันมองหาสิ่งนี้: ฉันกำลังพยายามสร้างปุ่มเหมือนลูกศรและ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 

มีคอลัมน์ตารางฉันพยายามที่จะขยายและซ่อน: jQuery ดูเหมือนว่าจะซ่อนtdองค์ประกอบเมื่อฉันเลือกโดยระดับแต่ไม่ได้โดยองค์ประกอบของชื่อ ตัวอย่างเช่นทำไม: $(".bold").hide(); // selecting by class works $("tcol1").hide(); // select by element name does not work หมายเหตุ HTML ด้านล่างคอลัมน์ที่สองมีชื่อเหมือนกันสำหรับทุกแถว ฉันจะสร้างคอลเลกชันนี้โดยใช้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>

1226 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 

ฉันจะลบองค์ประกอบย่อยทั้งหมดของโหนด DOM ใน JavaScript ได้อย่างไร สมมติว่าฉันมี 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; แม้ว่าจะมีคะแนนเพิ่มหากคุณให้คำตอบเป็น jQuery พร้อมกับคำตอบเฉพาะ DOM เท่านั้น

873 javascript  dom 

ฉันเพิ่งพบข้อผิดพลาดค่อนข้างน่ารังเกียจรหัสนั้นโหลด<select>แบบไดนามิกผ่านทาง JavaScript โหลดแบบไดนามิกนี้<select>มีค่าที่เลือกไว้ล่วงหน้า ใน IE6 เราแล้วมีรหัสในการแก้ไขปัญหาที่เลือก<option>เพราะบางครั้ง<select>'s 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ในฐานะที่เป็นแอตทริบิวต์ขององค์ประกอบ

840 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ในกรณีของฉัน) ฉันจะทำสิ่งนี้กับ Prototype หรือเมธอด DOM ได้อย่างไร (ฉันรู้ว่าฉันสามารถทำได้อย่างง่ายดายใน jQuery แต่น่าเสียดายที่เราไม่ได้ใช้ jQuery)

621 javascript  dom  prototypejs