Latest web development tutorials
×

JavaScript & HTML DOM คู่มืออ้างอิง

ภาพรวม

JavaScript วัตถุ

JavaScript Array วัตถุ JavaScript Boolean วัตถุ JavaScript Date วัตถุ JavaScript Math วัตถุ JavaScript Number วัตถุ JavaScript String วัตถุ JavaScript RegExp วัตถุ JavaScript อสังหาริมทรัพย์ทั่วโลก / ฟังก์ชั่น JavaScript ผู้ประกอบการ

Browser วัตถุ

Window วัตถุ Navigator วัตถุ Screen วัตถุ History วัตถุ Location วัตถุ

DOM วัตถุ

HTML DOM Document วัตถุ HTML DOM วัตถุธาตุ HTML DOM แอตทริบิวต์วัตถุ HTML DOM วัตถุที่จัดกิจกรรม

HTML วัตถุ

<a> <area> <audio> <base> <blockquote> <body> <button> <canvas> <col> <colgroup> <datalist> <del> <details> <dialog> <embed> <fieldset> <form> <iframe> <frameset > <img> <ins> <input> - button <input> - checkbox <input> - color <input> - date <input> - datetime <input> - datetime-local <input> - email <input> - file <input> - hidden <input> - image <input> - month <input> - number <input> - range <input> - password <input> - radio <input> - reset <input> - search <input> - submit <input> - text <input> - time <input> - url <input> - week <keygen> <link> <label> <legend> <li> <map> <menu> <menuItem> <meta> <meter> <object> <ol> <optgroup> <option> <param> <progress> <q> <script> <select> <source> <style> <table> <td> <th> <tr> <textarea> <title> <time> <track> <video>

HTML DOM แอตทริบิวต์วัตถุ

โหนด HTML DOM

HTML DOM (Document Object Model) ในทุกโหนดคือ:

  • เอกสารเป็นโหนดเอกสาร
  • องค์ประกอบ HTML ทั้งหมดเป็นโหนดองค์ประกอบ
  • แอตทริบิวต์ HTML ทั้งหมดอยู่ในโหนดแอตทริบิวต์
  • องค์ประกอบ HTML แทรกลงในข้อความเป็นโหนดข้อความ
  • ความคิดเห็นที่โหนดแสดงความคิดเห็น

วัตถุ attr

ใน DOM HTML, วัตถุ attr หมายถึงแอตทริบิวต์ HTML

HTML แอตทริบิวต์เสมอเป็นองค์ประกอบ HTML


วัตถุ NamedNodeMap

ใน DOM HTML, วัตถุ NamedNodeMap หมายถึงรายการเรียงลำดับของโหนด

เราสามารถเข้าถึงได้ผ่านทาง NamedNodeMap โหนดชื่อโหนด


สนับสนุนเบราว์เซอร์

Internet ExplorerFirefoxOperaGoogle ChromeSafari

เบราว์เซอร์ที่สำคัญทุกการสนับสนุนของวัตถุและวัตถุ attr NamedNodeMap


คุณสมบัติ / วิธี ลักษณะ
attr .isId ถ้าทรัพย์สินเป็นประเภทประชาชน, ISID คุณสมบัติผลตอบแทนจริงมิฉะนั้นกลับเท็จ
attr .name ผลตอบแทนที่ได้ชื่อของสถานที่ให้บริการ
attr .value ชุดหรือส่งกลับค่าทรัพย์สิน
attr .specified ถ้าคุณสมบัติที่กำหนดผลตอบแทนจริงเท็จอย่างอื่น
nodemap .getNamedItem () โหนดกลับแอตทริบิวต์ที่ระบุจากรายการโหนด
nodemap .item () ส่งกลับรายการของโหนดในโหนดที่บ้านเลขที่ดัชนีที่ระบุ
.length nodemap ส่งกลับจำนวนของโหนดในรายการโหนด
nodemap .removeNamedItem () ลบโหนดแอตทริบิวต์ที่ระบุ
nodemap .setNamedItem () ตั้งโหนดแอตทริบิวต์ที่ระบุ (ตามชื่อ)


DOM 4 คำเตือน !!!

ใน Core W3C DOM, attr (แอตทริบิวต์) วัตถุโหนดวัตถุสืบทอดคุณลักษณะทั้งหมดและวิธีการ

ใน DOM 4, attr (แอตทริบิวต์) วัตถุจะไม่สืบทอดมาจากวัตถุโหนด

ในคุณภาพรหัสยาวที่จะต้องพิจารณาในคุณสมบัติของวัตถุที่คุณต้องการที่จะหลีกเลี่ยงการใช้คุณสมบัติของวัตถุโหนดและวิธีการ:

คุณสมบัติ / วิธี หลีกเลี่ยงเหตุผล
attr .appendChild () ทรัพย์สินไม่มีลูก
.attributes attr สถานที่ให้บริการไม่ได้ทรัพย์สิน
attr .baseURI การใช้ทางเลือก document.baseURI
attr .childNodes ทรัพย์สินไม่มีลูก
attr .cloneNode () ทางเลือกการใช้งาน attr.value
attr .firstChild ทรัพย์สินไม่มีลูก
.hasAttributes attr () สถานที่ให้บริการไม่ได้ทรัพย์สิน
attr .hasChildNodes ทรัพย์สินไม่มีลูก
attr .insertBefore () ทรัพย์สินไม่มีลูก
attr .isEqualNode () มันไม่ได้ทำให้ความรู้สึก
attr .isSameNode () มันไม่ได้ทำให้ความรู้สึก
attr .isSupported () มักจะเป็นจริง
attr .lastChild ทรัพย์สินไม่มีลูก
attr .nextSibling ไม่มีทรัพย์สินพี่น้อง
attr .nodeName การใช้ทางเลือก .name attr
attr .nodeType โดยปกติ 2 (attribute-NODE)
attr .nodeValue ใช้ attr ทางเลือก .value
attr .normalize () ไม่มีคุณสมบัติสเปค
attr .ownerDocument โดยปกติเอกสาร HTML ของคุณ
attr .ownerElement องค์ประกอบ HTML คุณสามารถใช้ในการเข้าถึงสถานที่ให้บริการ
attr .parentNode องค์ประกอบ HTML คุณสามารถใช้ในการเข้าถึงสถานที่ให้บริการ
attr .previousSibling ไม่มีทรัพย์สินพี่น้อง
attr .removeChild ทรัพย์สินไม่มีลูก
attr .replaceChild ทรัพย์สินไม่มีลูก
attr .textContent ใช้attrทางเลือก.value