Последние учебники веб-разработки
×

JavaScript Справка

обзор

JavaScript

JS строка JS Число JS операторы JS Заявления JS математический JS Дата JS массив JS логический JS RegExp 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);

В результате х будет:

4
Попробуй сам "

Определение и использование

compareDocumentPosition() метод сравнивает два узла, и возвращает целое число , описывающее , где они расположены в документе.

Посмотрите на приведенном выше примере. Возможные возвращаемые значения будут указаны:

1: Нет отношения, эти два узла не не принадлежат одному и тому же документу.

2: Первый узел (p1) расположен после второго узла (p2) .

4: Первый узел (p1) располагается перед вторым узлом (p2) .

8: Первый узел (p1) расположен внутри второго узла (p2) .

16: Второй узел (p2) расположен внутри первого узла (p1) .

32: Нет отношение, или два узла не два атрибута на одном элементе.

Примечание: Возвращаемое значение также может быть комбинацией значений. Т.е. ReturnValue 20 означает , что р2 внутри р1 (16) и P1 располагается перед p2 (4) .


Поддержка браузеров

Числа в таблице указать первую версию браузера, который полностью поддерживает метод.

метод
compareDocumentPosition() да 9,0 да да да

Синтаксис

Значения параметров
параметр Тип Описание
node Node object Необходимые. Указывает узел для сравнения с текущим узлом

Технические подробности

Возвращаемое значение: A Количество, представляющее, где два узла расположены по сравнению друг с другом.

Возможные возвращаемые значения:

1 ( No relationship, the two nodes do not belong to the same document ) и ( 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 ) самом ( No relationship, or the two nodes are two attributes on the same element )

DOM Version Базовый уровень 1 Узел объект

<Элемент объекта