ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

HTML วัตถุ

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <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> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

HTML DOM compareDocumentPosition() Method

<ธาตุวัตถุ

ตัวอย่าง

หาที่วรรคหนึ่งอยู่ในตำแหน่งที่เมื่อเทียบกับวรรคอื่น:

var p1 = document.getElementById("p1");
var p2 = document.getElementById("p2");
var x = p1.compareDocumentPosition(p2);

ผลของ x จะเป็น:

4
ลองตัวเอง»

ความหมายและการใช้งาน

compareDocumentPosition() วิธีการเปรียบเทียบสองโหนดและกลับจำนวนเต็มอธิบายที่พวกเขาอยู่ในตำแหน่งในเอกสาร

ดูตัวอย่างข้างต้น ค่ากลับเป็นไปได้ที่จะระบุ

1: ไม่มีความสัมพันธ์ของทั้งสองโหนดไม่ได้อยู่ในเอกสารเดียวกัน

2: โหนดแรก (p1) อยู่ในตำแหน่งหลังจากที่โหนที่สอง (p2)

4: โหนดแรก (p1) อยู่ในตำแหน่งก่อนโหนดที่สอง (p2)

8: โหนดแรก (p1) อยู่ในตำแหน่งภายในโหนดที่สอง (p2)

16: โหนดที่สอง (p2) อยู่ในตำแหน่งภายในโหนดแรก (p1)

32: ไม่มีความสัมพันธ์หรือสองโหนดสองคุณลักษณะในองค์ประกอบเดียวกัน

หมายเหตุ: ค่าตอบแทนนอกจากนี้ยังอาจจะมีการรวมกันของค่า คือ returnValue 20 หมายความว่า P2 เป็น p1 ภายใน (16) และอยู่ในตำแหน่งที่ p1 p2 ก่อน (4)


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

ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่วิธีการ

วิธี
compareDocumentPosition() ใช่ 9.0 ใช่ ใช่ ใช่

วากยสัมพันธ์

ค่าพารามิเตอร์
พารามิเตอร์ ชนิด ลักษณะ
node Node object จำเป็นต้องใช้ ระบุโหนดเพื่อเปรียบเทียบกับโหนดปัจจุบัน

รายละเอียดทางเทคนิค

กลับค่า: หมายเลขที่เป็นตัวแทนที่สองโหนดอยู่ในตำแหน่งที่เมื่อเทียบกับคนอื่น ๆ

ค่าผลตอบแทนที่เป็นไปได้:

1 ( No relationship, the two nodes do not belong to the same document )

2 ( The first node (p1) อยู่ในตำแหน่งหลังจากโหนดที่สอง (p2) )

4 ( The first node (p1) อยู่ในตำแหน่งก่อนโหนดที่สอง (p2) )

8 ( The first node (p1) อยู่ในตำแหน่งภายในโหนดที่สอง (p2) )

16 ( The second node (p2) อยู่ในตำแหน่งภายในโหนดแรก (p1) )

32 ( No relationship, or the two nodes are two attributes on the same element )

DOM รุ่น ระดับแกนวัตถุ 1 โหนด

<ธาตุวัตถุ