aboutsummaryrefslogtreecommitdiff
path: root/files/ru/web/api/document
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 14:51:05 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 14:51:05 +0100
commitc058fa0fb22dc40ef0225b21a97578cddd0aaffa (patch)
treedf20f8b4c724b61cb9c34cdb450a7ac77d690bd0 /files/ru/web/api/document
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-c058fa0fb22dc40ef0225b21a97578cddd0aaffa.tar.gz
translated-content-c058fa0fb22dc40ef0225b21a97578cddd0aaffa.tar.bz2
translated-content-c058fa0fb22dc40ef0225b21a97578cddd0aaffa.zip
unslug ru: move
Diffstat (limited to 'files/ru/web/api/document')
-rw-r--r--files/ru/web/api/document/activeelement/index.html165
-rw-r--r--files/ru/web/api/document/async/index.html35
-rw-r--r--files/ru/web/api/document/createelement/index.html82
-rw-r--r--files/ru/web/api/document/getselection/index.html9
-rw-r--r--files/ru/web/api/document/images/index.html29
-rw-r--r--files/ru/web/api/document/readystatechange_event/index.html90
6 files changed, 201 insertions, 209 deletions
diff --git a/files/ru/web/api/document/activeelement/index.html b/files/ru/web/api/document/activeelement/index.html
deleted file mode 100644
index 71db5bc678..0000000000
--- a/files/ru/web/api/document/activeelement/index.html
+++ /dev/null
@@ -1,165 +0,0 @@
----
-title: Document.activeElement
-slug: Web/API/Document/activeElement
-tags:
- - API
- - Document
- - HTML DOM
- - Property
- - Reference
-translation_of: Web/API/DocumentOrShadowRoot/activeElement
-translation_of_original: Web/API/Document/activeElement
----
-<p>{{ ApiRef() }}</p>
-
-<h2 id="Summary" name="Summary">Анотация</h2>
-
-<p>Возвращает текущий сфокусированный элемент, то есть элемент, на котором будут вызываться события клавиатуры, если пользователь начнёт с неё ввод. Этот атрибут доступен только для чтения.</p>
-
-<p>Часто возвращается {{ HTMLElement("input") }} или {{ HTMLElement("textarea") }} объект, если он содержит в себе выделенный в данный момент текст. При этом вы можете получить более подробные сведения, используя свойства элемента  <code>selectionStart</code> и <code>selectionEnd</code>.  В других случаях сфокусированным элементом может быть {{ HTMLElement("select") }} элемент (меню) или {{ HTMLElement("input") }} элемент типа button, checkbox или radio.</p>
-
-<p>{{ Note("На Mac, элементы, не являющиеся текстовыми полями, как правило, не получают фокус.") }}</p>
-
-<p>Как правило, пользователь может нажать клавишу табуляции для перемещения по фокусируемым элементам страницы, и использовать пробел для их активации (нажать кнопку button, выбрать переключатель radio).</p>
-
-<p>Не следует путать фокус с выделением документа, состоящего в основном из статических текстовых узлов. См. {{ domxref("window.getSelection()") }}. </p>
-
-<p>Когда выделение отсутствует, активным элементом является {{ HTMLElement("body") }} страницы или null. </p>
-
-<p>{{ Note("Этот атрибут является частью разрабатываемой спецификации HTML 5.") }}</p>
-
-<h2 id="Syntax" name="Syntax">Синтаксис</h2>
-
-<pre class="eval">var curElement = document.activeElement;
-</pre>
-
-<h2 id="Example" name="Example">Пример</h2>
-
-<pre class="brush: html">&lt;!DOCTYPE HTML&gt;
-&lt;html&gt;
-&lt;head&gt;
- &lt;script type="text/javascript" charset="utf-8"&gt;
- function init() {
-
- function onMouseUp(e) {
- console.log(e);
- var outputElement = document.getElementById('output-element');
- var outputText = document.getElementById('output-text');
- var selectedTextArea = document.<strong>activeElement</strong>;
- var selection = selectedTextArea.value.substring(
- selectedTextArea.<strong>selectionStart</strong>, selectedTextArea.<strong>selectionEnd</strong>);
- outputElement.innerHTML = selectedTextArea.id;
- outputText.innerHTML = selection;
- }
-
- document.getElementById("ta-example-one").addEventListener("mouseup", onMouseUp, false);
- document.getElementById("ta-example-two").addEventListener("mouseup", onMouseUp, false);
- }
- &lt;/script&gt;
-&lt;/head&gt;
-&lt;body onload="init()"&gt;
-&lt;div&gt;
- Выделите текст в одном из текстовых полей ниже:
-&lt;/div&gt;
-&lt;form id="frm-example" action="#" accept-charset="utf-8"&gt;
-&lt;textarea name="ta-example-one" id="ta-example-one" rows="8" cols="40"&gt;
-Это текстовое поле 1:
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tincidunt, lorem a porttitor molestie, odio nibh iaculis libero, et accumsan nunc orci eu dui.
-&lt;/textarea&gt;
-&lt;textarea name="ta-example-two" id="ta-example-two" rows="8" cols="40"&gt;
-Это текстовое поле 2:
-Fusce ullamcorper, nisl ac porttitor adipiscing, urna orci egestas libero, ut accumsan orci lacus laoreet diam. Morbi sed euismod diam.
-&lt;/textarea&gt;
-&lt;/form&gt;
-ID активного элемента: &lt;span id="output-element"&gt;&lt;/span&gt;&lt;br/&gt;
-Выделенный текст: &lt;span id="output-text"&gt;&lt;/span&gt;
-
-&lt;/body&gt;
-&lt;/html&gt;
-</pre>
-
-<p><a href="https://jsfiddle.net/w9gFj">Посмотреть на JSFiddle</a></p>
-
-<h2 id="Примечания">Примечания</h2>
-
-<p>Первоначально введенное как собственное расширение DOM в Internet Explorer 4, это свойство также поддерживается в Opera и Safari (в версии 4).</p>
-
-<h2 id="Specification" name="Specification">Спецификации</h2>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Спецификация</th>
- <th scope="col">Статус</th>
- <th scope="col">Комментарий</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('HTML WHATWG', 'interaction.html#dom-document-activeelement', 'activeElement')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td> </td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2>
-
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>2</td>
- <td>3.0</td>
- <td>4 [1]</td>
- <td>9.6</td>
- <td>4.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1]: В IE9 наблюдается баг: при попытке получения доступа к <code>activeElement в </code>{{domxref("window.parent")}} {{domxref("Document")}} из {{HTMLElement("iframe")}} (т.е. <code>parent.document.activeElement</code>) выбрасывается ошибка.</p>
-
-<h2 id="Связанные_события">Связанные события</h2>
-
-<ul>
- <li>{{event("focus")}}</li>
- <li>{{event("blur")}}</li>
- <li>{{event("focusin")}}</li>
- <li>{{event("focusout")}}</li>
-</ul>
diff --git a/files/ru/web/api/document/async/index.html b/files/ru/web/api/document/async/index.html
deleted file mode 100644
index 2ff21f28af..0000000000
--- a/files/ru/web/api/document/async/index.html
+++ /dev/null
@@ -1,35 +0,0 @@
----
-title: Document.async
-slug: Web/API/Document/async
-translation_of: Web/API/XMLDocument/async
----
-<p>{{APIRef("DOM")}}{{Deprecated_header}} {{Non-standard_header}}</p>
-
-<p><code>document.async</code> может быть установлен, для того, чтобы определить, что вызов {{domxref("document.load")}} должен быть выполнен синхронно или не синхронно. <code>true</code> - стандартное значение, определяющее, асинхронно ли должны быть загружены документы.</p>
-
-<p>(Загружать документы синхронно стало возможно с версии 1.4 alpha.)</p>
-
-<h2 id="Пример">Пример</h2>
-
-<pre class="brush:js">function loadXMLData(e) {
- alert(new XMLSerializer().serializeToString(e.target)); // Gives querydata.xml contents as string
-}
-
-var xmlDoc = document.implementation.createDocument("", "test", null);
-
-xmlDoc.async = false;
-xmlDoc.onload = loadXMLData;
-xmlDoc.load('querydata.xml');</pre>
-
-<h2 id="Specification" name="Specification">Спецификация</h2>
-
-<ul>
- <li><a href="http://www.w3.org/TR/DOM-Level-3-LS/load-save.html#LS-DocumentLS">DOM Level 3 Load &amp; Save module</a></li>
-</ul>
-
-<h2 id="Смотрите_также">Смотрите также</h2>
-
-<ul>
- <li><a href="/en-US/docs/XML_in_Mozilla" title="XML_in_Mozilla">XML in Mozilla</a></li>
- <li>{{domxref("document.load")}}</li>
-</ul>
diff --git a/files/ru/web/api/document/createelement/index.html b/files/ru/web/api/document/createelement/index.html
new file mode 100644
index 0000000000..15542d751d
--- /dev/null
+++ b/files/ru/web/api/document/createelement/index.html
@@ -0,0 +1,82 @@
+---
+title: document.createElement
+slug: DOM/document.createElement
+tags:
+ - DOM
+ - Gecko
+translation_of: Web/API/Document/createElement
+---
+<p>{{ ApiRef() }}</p>
+
+<h3 id=".D0.9E.D0.B1.D1.89.D0.B0.D1.8F_.D0.B8.D0.BD.D1.84.D0.BE.D1.80.D0.BC.D0.B0.D1.86.D0.B8.D1.8F" name=".D0.9E.D0.B1.D1.89.D0.B0.D1.8F_.D0.B8.D0.BD.D1.84.D0.BE.D1.80.D0.BC.D0.B0.D1.86.D0.B8.D1.8F">Общая информация</h3>
+
+<p>В HTML-документах создает элемент c тем тегом, что указан в аргументе или <code>HTMLUnknownElement</code>, если имя тега не распознаётся.</p>
+
+<p>В XUL-документах создает указанный в аргументе элемент XUL.</p>
+
+<p>В остальных случаях создаёт элемент с нулевым <span id="result_box" lang="ru"><span class="hps"><em>NamespaceURI</em>.</span></span></p>
+
+<h3 id=".D0.A1.D0.B8.D0.BD.D1.82.D0.B0.D0.BA.D1.81.D0.B8.D1.81" name=".D0.A1.D0.B8.D0.BD.D1.82.D0.B0.D0.BA.D1.81.D0.B8.D1.81">Параметры</h3>
+
+<pre class="eval"><var>var element</var> = <var>document</var>.createElement(<var>tagName, [options]</var>);
+</pre>
+
+<ul>
+ <li><code>element</code> — созданый объект <a href="../Web/API/Element">элемента</a>.</li>
+ <li><code>tagName</code> — строка, указывающая элемент какого типа должен быть создан. <a href="ru/DOM/element.nodeName">nodeName</a> создается и инициализируется со значением <code>tagName</code>.</li>
+ <li>
+ <p><code>options</code> — необязательный параметр, объект <code>ElementCreationOptions</code>, который может содержать только поле <code>is</code>, указывающее имя пользовательского элемента, созданного с помощью <code>customElements.define()</code> (см. <a href="/ru/docs/Web/Web_Components">Веб-компоненты</a>).</p>
+ </li>
+</ul>
+
+<h3 id=".D0.9F.D1.80.D0.B8.D0.BC.D0.B5.D1.80.D1.8B" name=".D0.9F.D1.80.D0.B8.D0.BC.D0.B5.D1.80.D1.8B">Пример</h3>
+
+<p>Данный пример создает новый элемент <code>&lt;div&gt;</code> и вставляет его перед элементом с идентификатором <code>org_div1</code>:</p>
+
+<pre class="brush: js"><code class="language-html"><span class="doctype token">&lt;!DOCTYPE html&gt;</span>
+<span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>html</span><span class="punctuation token">&gt;</span></span>
+<span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>head</span><span class="punctuation token">&gt;</span></span>
+<span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>title</span><span class="punctuation token">&gt;</span></span>||Работа с элементами||<span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>title</span><span class="punctuation token">&gt;</span></span>
+<span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>head</span><span class="punctuation token">&gt;</span></span>
+
+<span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>body</span><span class="punctuation token">&gt;
+</span></span>&lt;div&gt;&lt;h1&gt;Привет!&lt;/h1&gt;&lt;/div&gt;
+<span class="tag token"><span class="tag token"><span class="punctuation token">&lt;</span>div</span> <span class="attr-name token">id</span><span class="attr-value token"><span class="punctuation token">=</span>'org_div1'</span><span class="punctuation token">&gt;</span></span>Текст выше сгенерирован автоматически.<span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>div</span><span class="punctuation token">&gt;</span></span>
+<span class="tag token"><span class="tag token"><span class="punctuation token">&lt;/</span>body</span><span class="punctuation token">&gt;
+
+&lt;script&gt;
+<code class="language-html"><code class="language-javascript"> document.body.onload = addElement;
+</code></code> var my_div = newDiv = null;
+
+ function addElement() {
+
+ // Создаем новый элемент div
+ // и добавляем в него немного контента
+
+ var newDiv = document.createElement("div");
+ newDiv.innerHTML = "&lt;h1&gt;Привет!&lt;/h1&gt;";
+
+ // Добавляем только что созданый элемент в дерево DOM
+
+ my_div = document.getElementById("org_div1");
+ document.body.insertBefore(newDiv, my_div);
+ }
+&lt;/script&gt;
+&lt;/html&gt;</span></span>
+</code></pre>
+
+<h3 id=".D0.97.D0.B0.D0.BC.D0.B5.D1.87.D0.B0.D0.BD.D0.B8.D1.8F" name=".D0.97.D0.B0.D0.BC.D0.B5.D1.87.D0.B0.D0.BD.D0.B8.D1.8F">Заметки</h3>
+
+<p>Если существуют атрибуты со значениями по умолчанию, атрибуты узлов предоставляющие их создаются автоматически и применяются к элементу.</p>
+
+<p>Для создания элементов с заданым пространством имен используйте метод <a href="ru/DOM/document.createElementNS">createElementNS</a>.</p>
+
+<p>Реализация <code>createElement </code>в Gecko не соответствует DOM спецификации для XUL и XHTML документов: <code>localName</code> и <code>namespaceURI</code> не устанавливаются в  <code>null</code> в созданном документе. Смотрите {{ Bug(280692) }} для подробностей.</p>
+
+<p>Для обратной совместимости с предыдущими версиями спецификации пользовательских элементов некоторые браузеры позволяют передавать здесь строку вместо объекта, где значением строки является имя тега пользовательского элемента.</p>
+
+<h3 id=".D0.A1.D0.BF.D0.B5.D1.86.D0.B8.D1.84.D0.B8.D0.BA.D0.B0.D1.86.D0.B8.D0.B8" name=".D0.A1.D0.BF.D0.B5.D1.86.D0.B8.D1.84.D0.B8.D0.BA.D0.B0.D1.86.D0.B8.D0.B8">Спецификации</h3>
+
+<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-2141741547">DOM 2 Модуль: createElement</a></p>
+
+<p>{{ languages( { "fr": "fr/DOM/document.createElement", "it": "it/DOM/document.createElement", "pl": "pl/DOM/document.createElement" } ) }}</p>
diff --git a/files/ru/web/api/document/getselection/index.html b/files/ru/web/api/document/getselection/index.html
deleted file mode 100644
index c57695e055..0000000000
--- a/files/ru/web/api/document/getselection/index.html
+++ /dev/null
@@ -1,9 +0,0 @@
----
-title: Document.getSelection()
-slug: Web/API/Document/getSelection
-translation_of: Web/API/DocumentOrShadowRoot/getSelection
-translation_of_original: Web/API/Document/getSelection
----
-<p>{{APIRef("DOM")}}</p>
-
-<p>Этот метод работает в точности так же, как {{domxref("Window.getSelection()")}}; он возвращает объект {{domxref("Selection")}}, в котором содержатся данные о тексте, выделенном в документе на данный момент.</p>
diff --git a/files/ru/web/api/document/images/index.html b/files/ru/web/api/document/images/index.html
new file mode 100644
index 0000000000..c9ba4ac1e2
--- /dev/null
+++ b/files/ru/web/api/document/images/index.html
@@ -0,0 +1,29 @@
+---
+title: document.images
+slug: DOM/document.images
+tags:
+ - DOM
+ - JavaScript
+translation_of: Web/API/Document/images
+---
+<p>{{ ApiRef() }}</p>
+<h3 id="Summary" name="Summary">Кратко об обьекте</h3>
+<p><code>document.images</code> возвращает коллекцию <a href="/ru/Web/API/HTMLImageElement" title="en/DOM/Image">изображений</a> в текущем HTML документе.</p>
+<h3 id="Syntax" name="Syntax">Синтаксис</h3>
+<pre class="eval"><em>var htmlCollection</em> = document.images;
+</pre>
+<h3 id="Example" name="Example">Пример</h3>
+<pre class="eval">var images = document.images;
+
+for(var i = 0; i &lt; images.length; i++) {
+ if(images[i].src == "banner.gif") {
+ alert('Баннер найден!');
+ };
+};
+</pre>
+<h3 id="Notes" name="Notes">Примечания</h3>
+<p><code>document.images.length</code> — возвращает количество изображений на странице.</p>
+<p><code>document.images</code> является частью DOM HTML, и работает только в HTML документах.</p>
+<h3 id="Specification" name="Specification">Спецификация</h3>
+<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-90379117">DOM Level 2 HTML: HTMLDocument.images</a></p>
+<p>{{ languages( { "en": "en/DOM/document.images", "fr": "fr/DOM/document.images", "pl": "pl/DOM/document.images","ru":"ru/DOM/document.images" } ) }}</p>
diff --git a/files/ru/web/api/document/readystatechange_event/index.html b/files/ru/web/api/document/readystatechange_event/index.html
new file mode 100644
index 0000000000..5a268b033f
--- /dev/null
+++ b/files/ru/web/api/document/readystatechange_event/index.html
@@ -0,0 +1,90 @@
+---
+title: readystatechange
+slug: Web/Events/readystatechange
+tags:
+ - события
+translation_of: Web/API/Document/readystatechange_event
+---
+<p>{{ApiRef}}</p>
+
+<p>Событие <code>readystatechange</code> срабатывает, когда изменяется атрибут документа <a href="/en-US/docs/DOM/document.readyState"><code>readyState</code></a>.</p>
+
+<h2 id="Основная_информация">Основная информация</h2>
+
+<dl>
+ <dt style="float: left; text-align: right; width: 120px;">Спецификация</dt>
+ <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dom.html#current-document-readiness">HTML5</a></dd>
+ <dt style="margin: 0px 0px 0px 120px;"> </dt>
+ <dt style="float: left; text-align: right; width: 120px;">Интерфейс</dt>
+ <dd style="margin: 0 0 0 120px;">Event</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Всплывает</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Отменяемое</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Цель</dt>
+ <dd style="margin: 0 0 0 120px;">Document</dd>
+ <dt style="float: left; text-align: right; width: 120px;">Действие по умолчаанию</dt>
+ <dd style="margin: 0 0 0 120px;">Нет</dd>
+</dl>
+
+<h2 id="Свойства">Свойства</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Свойство</th>
+ <th scope="col">Тип</th>
+ <th scope="col">Описание</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td><code>target</code> {{readonlyInline}}</td>
+ <td>{{domxref("EventTarget")}}</td>
+ <td>Цель события (Самая верхняя цель в дереве DOM).</td>
+ </tr>
+ <tr>
+ <td><code>type</code> {{readonlyInline}}</td>
+ <td>{{domxref("DOMString")}}</td>
+ <td>Тип события.</td>
+ </tr>
+ <tr>
+ <td><code>bubbles</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Всплывает ли событие.</td>
+ </tr>
+ <tr>
+ <td><code>cancelable</code> {{readonlyInline}}</td>
+ <td>{{jsxref("Boolean")}}</td>
+ <td>Возможно ли отменить событие.</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Примеры">Примеры</h2>
+
+<pre class="brush: js">document.readyState === "complete";
+// true
+
+
+// Альтернатива DOMContentLoaded
+document.onreadystatechange = function () {
+ if (document.readyState === "interactive") {
+ initApplication();
+ }
+}
+</pre>
+
+<h2 id="Поддержка_браузерами">Поддержка браузерами</h2>
+
+<p>Данное событие давно поддерживается Internet Explorer и может быть использовано в качестве альтернативы событию <code><a href="/ru/docs/Web/Events/DOMContentLoaded">DOMContentLoaded</a></code> (см. примечание [2] в разделе  <a href="/ru/docs/Web/Events/DOMContentLoaded#Поддержка_браузерами">Поддержка браузерами</a>).</p>
+
+<h2 id="Связанные_события">Связанные события</h2>
+
+<ul>
+ <li>{{event("DOMContentLoaded")}}</li>
+ <li>{{event("readystatechange")}}</li>
+ <li>{{event("load")}}</li>
+ <li>{{event("beforeunload")}}</li>
+ <li>{{event("unload")}}</li>
+</ul>