diff options
Diffstat (limited to 'files/ru/web/api/element')
21 files changed, 44 insertions, 44 deletions
diff --git a/files/ru/web/api/element/attachshadow/index.html b/files/ru/web/api/element/attachshadow/index.html index 535f95ce1a..d2fcdbf0df 100644 --- a/files/ru/web/api/element/attachshadow/index.html +++ b/files/ru/web/api/element/attachshadow/index.html @@ -9,7 +9,7 @@ translation_of: Web/API/Element/attachShadow <h4 id="Элементы_которые_можно_добавить_в_теневой_DOM">Элементы которые можно добавить в теневой DOM</h4> -<p>Обратите внимание, что не каждый элемент можно добавить в корень теневого дерева. Некоторые типы исключены по соображениям безопасности(например {{htmlelement("a")}}), и некоторые другие. Вот список разрешенных элементов:</p> +<p>Обратите внимание, что не каждый элемент можно добавить в корень теневого дерева. Некоторые типы исключены по соображениям безопасности(например {{htmlelement("a")}}), и некоторые другие. Вот список разрешённых элементов:</p> <ul> <li>Любой пользовательский элемент с <a href="https://html.spec.whatwg.org/multipage/custom-elements.html#valid-custom-element-name">валидным именем</a></li> @@ -80,14 +80,14 @@ element.shadowRoot === null; // returns true </tr> <tr> <td>NotSupportedError</td> - <td>Вы пытаетесь прикрепить shadow DOM к HTML элементу с некорректным именем, или к запрещенному элементу. (см. выше)</td> + <td>Вы пытаетесь прикрепить shadow DOM к HTML элементу с некорректным именем, или к запрещённому элементу. (см. выше)</td> </tr> </tbody> </table> <h2 id="Примеры">Примеры</h2> -<p>Пример взят из демо компонента <a href="https://github.com/mdn/web-components-examples/tree/master/word-count-web-component">word-count-web-component</a>, так-же доступно <a href="https://mdn.github.io/web-components-examples/word-count-web-component/">live demo</a>. Вы можете найти метод attachShadow() примерно в середине кода. Метод создает корневой элемент теневого DOM к которому потом добавляется содержимое шаблона элемента.</p> +<p>Пример взят из демо компонента <a href="https://github.com/mdn/web-components-examples/tree/master/word-count-web-component">word-count-web-component</a>, так-же доступно <a href="https://mdn.github.io/web-components-examples/word-count-web-component/">live demo</a>. Вы можете найти метод attachShadow() примерно в середине кода. Метод создаёт корневой элемент теневого DOM к которому потом добавляется содержимое шаблона элемента.</p> <pre class="brush: js"><code>//Create a class for the element class WordCount extends HTMLParagraphElement { diff --git a/files/ru/web/api/element/blur_event/index.html b/files/ru/web/api/element/blur_event/index.html index acebebdabb..f5357eb7ae 100644 --- a/files/ru/web/api/element/blur_event/index.html +++ b/files/ru/web/api/element/blur_event/index.html @@ -26,7 +26,7 @@ original_slug: Web/Events/blur <dd style="margin: 0 0 0 120px;">Нет</dd> </dl> -<p>{{NoteStart}}Значение {{domxref("Document.activeElement")}} меняется в зависимости от браузера во время выполнения этого события ({{bug(452307)}}): IE10 устанавливает его к элементу на который будет перемещен фокус, в то время как Firefox и Chrome обычно устанавливают его к <code>body</code> документа{{NoteEnd}}</p> +<p>{{NoteStart}}Значение {{domxref("Document.activeElement")}} меняется в зависимости от браузера во время выполнения этого события ({{bug(452307)}}): IE10 устанавливает его к элементу на который будет перемещён фокус, в то время как Firefox и Chrome обычно устанавливают его к <code>body</code> документа{{NoteEnd}}</p> <h2 id="Свойства">Свойства</h2> diff --git a/files/ru/web/api/element/classlist/index.html b/files/ru/web/api/element/classlist/index.html index c96fc8427a..1e83b5f78b 100644 --- a/files/ru/web/api/element/classlist/index.html +++ b/files/ru/web/api/element/classlist/index.html @@ -41,7 +41,7 @@ translation_of: Web/API/Element/classList Если класс у элемента отсутствует - добавляет, иначе - убирает. Когда вторым параметром передано false - удаляет указанный класс, а если true - добавляет.</dd> <dd> Если вторым параметром передан undefined или переменная с typeof == 'undefined', поведение будет аналогичным передаче только первого параметра при вызове toggle.</dd> <dd><strong>contains</strong> ( String )<br> - Проверяет, есть ли данный класс у элемента (вернет true или false)</dd> + Проверяет, есть ли данный класс у элемента (вернёт true или false)</dd> </dl> <div class="note"> diff --git a/files/ru/web/api/element/clientleft/index.html b/files/ru/web/api/element/clientleft/index.html index 09395a31c0..6fb2e89c0b 100644 --- a/files/ru/web/api/element/clientleft/index.html +++ b/files/ru/web/api/element/clientleft/index.html @@ -61,8 +61,8 @@ translation_of: Web/API/Element/clientLeft <h2 id="Notes">Notes</h2> -<p><code>clientLeft</code> был впервые введен MS IE DHTML object model.</p> +<p><code>clientLeft</code> был впервые введён MS IE DHTML object model.</p> -<p>Расположение вертикального scrollbar для письма справа налево примененного для элемента будет назначаются следующим свойством <a class="external" href="http://kb.mozillazine.org/Layout.scrollbar.side"><code>layout.scrollbar.side</code> preference</a></p> +<p>Расположение вертикального scrollbar для письма справа налево применённого для элемента будет назначаются следующим свойством <a class="external" href="http://kb.mozillazine.org/Layout.scrollbar.side"><code>layout.scrollbar.side</code> preference</a></p> -<p>Когда установлены стили элемента <code>display: inline</code>, то <code>clientLeft</code> вернет <code>0</code> несмотря на границы элемента.</p> +<p>Когда установлены стили элемента <code>display: inline</code>, то <code>clientLeft</code> вернёт <code>0</code> несмотря на границы элемента.</p> diff --git a/files/ru/web/api/element/clienttop/index.html b/files/ru/web/api/element/clienttop/index.html index cf209ba985..4160e3847e 100644 --- a/files/ru/web/api/element/clienttop/index.html +++ b/files/ru/web/api/element/clienttop/index.html @@ -38,7 +38,7 @@ translation_of: Web/API/Element/clientTop <h2 id="Notes" name="Notes">Примечание</h2> -<p><code>clientTop</code> был впервые введен в MS IE DHTML object model.</p> +<p><code>clientTop</code> был впервые введён в MS IE DHTML object model.</p> <h2 id="Спецификации">Спецификации</h2> diff --git a/files/ru/web/api/element/closest/index.html b/files/ru/web/api/element/closest/index.html index 84d47ca794..0d8837d8a0 100644 --- a/files/ru/web/api/element/closest/index.html +++ b/files/ru/web/api/element/closest/index.html @@ -43,7 +43,7 @@ translation_of: Web/API/Element/closest <p>Думаю, стоит рассмотреть несколько примеров:</p> -<pre class="brush: js notranslate">var div = document.querySelector("#too"); //Это элемент от которого мы начнем поиск +<pre class="brush: js notranslate">var div = document.querySelector("#too"); //Это элемент от которого мы начнём поиск div.closest("#block"); //Результат - самый первый блок древа выше div.closest("div"); //Сам блок #too и будет результатом, так как он подходит под селектор "div" diff --git a/files/ru/web/api/element/error_event/index.html b/files/ru/web/api/element/error_event/index.html index 716ebfef1d..44804d730b 100644 --- a/files/ru/web/api/element/error_event/index.html +++ b/files/ru/web/api/element/error_event/index.html @@ -23,7 +23,7 @@ original_slug: Web/Events/error <dt style="float: left; text-align: right; width: 120px;">Спецификация</dt> <dd style="margin: 0 0 0 120px;"><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Events/#event-type-error">DOM L3</a></dd> <dt style="float: left; text-align: right; width: 120px;">Интерфейс</dt> - <dd style="margin: 0 0 0 120px;">{{domxref("UIEvent")}} если создается элементом пользовательского интерфейса, {{domxref("MediaRecorderErrorEvent")}} если генерируется API записи MediaStream, и {{domxref("Event")}} иначе.</dd> + <dd style="margin: 0 0 0 120px;">{{domxref("UIEvent")}} если создаётся элементом пользовательского интерфейса, {{domxref("MediaRecorderErrorEvent")}} если генерируется API записи MediaStream, и {{domxref("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> diff --git a/files/ru/web/api/element/getboundingclientrect/index.html b/files/ru/web/api/element/getboundingclientrect/index.html index 7d154af995..a2dbe829cf 100644 --- a/files/ru/web/api/element/getboundingclientrect/index.html +++ b/files/ru/web/api/element/getboundingclientrect/index.html @@ -73,9 +73,9 @@ var rect = obj.getBoundingClientRect();</code></pre> <p>Возвращаемый <code>DOMRect</code> объект может быть модифицирован в современных браузерах. Это не так со старыми версиями, которые возвращали <code>DOMRectReadOnly</code>. У IE и Edge, не имея возможности добавить пропущенные свойства к возвращаемым ими <a href="https://msdn.microsoft.com/en-us/library/hh826029(VS.85).aspx"><code>ClientRect</code></a>, объект не позволял добавить <code>x</code> и <code>y</code>.</p> -<p>Для кроссбраузерности надежно использовать только <code>left</code>, <code>top</code>, <code>right</code>, и <code>bottom</code>.</p> +<p>Для кроссбраузерности надёжно использовать только <code>left</code>, <code>top</code>, <code>right</code>, и <code>bottom</code>.</p> -<p>Свойства у <code>DOMRect</code> не являются собственными. <code>in</code> оператор и <code>for...in</code> найдут возвращенные значение, но другие APIs, <code>Object.keys()</code>, — нет. А еще <code>Object.assign()</code> и spread оператор не копируют их.</p> +<p>Свойства у <code>DOMRect</code> не являются собственными. <code>in</code> оператор и <code>for...in</code> найдут возвращённые значение, но другие APIs, <code>Object.keys()</code>, — нет. А ещё <code>Object.assign()</code> и spread оператор не копируют их.</p> <pre><code>rect = elt.getBoundingClientRect() // emptyObj всегда {} diff --git a/files/ru/web/api/element/getelementsbyclassname/index.html b/files/ru/web/api/element/getelementsbyclassname/index.html index 08cacea20e..2b4e7674d9 100644 --- a/files/ru/web/api/element/getelementsbyclassname/index.html +++ b/files/ru/web/api/element/getelementsbyclassname/index.html @@ -12,7 +12,7 @@ translation_of: Web/API/Element/getElementsByClassName <p><strong><code>Element.getElementsByClassName()</code></strong> метод возвращает объект {{domxref("HTMLCollection")}}, содержащий в себе все дочерние элементы, которые имеют заданные имена классов. Если вызван на объекте document, будут возвращены все элементы, содержащиеся в документе.</p> -<p>Так же, как метод {{domxref("Document.getElementsByClassName", "Document.getElementsByClassName()")}} действует на весь документ; это вернет элементы, которые являются потомками корневого элемента, содержащие в себе указанные классы.</p> +<p>Так же, как метод {{domxref("Document.getElementsByClassName", "Document.getElementsByClassName()")}} действует на весь документ; это вернёт элементы, которые являются потомками корневого элемента, содержащие в себе указанные классы.</p> <p>Syntax</p> @@ -38,7 +38,7 @@ translation_of: Web/API/Element/getElementsByClassName <pre class="brush: js">document.getElementById('main').getElementsByClassName('test');</pre> -<p>Мы так же можем использовать все методы из {{jsxref("Array.prototype")}} на любом {{ domxref("HTMLCollection") }} путем передачи <code><var>HTMLCollection</var></code> в метод как значение <var>this</var>. Так мы найдем все {{HTMLElement("div")}} элементы, которые имеют класс test:</p> +<p>Мы так же можем использовать все методы из {{jsxref("Array.prototype")}} на любом {{ domxref("HTMLCollection") }} путём передачи <code><var>HTMLCollection</var></code> в метод как значение <var>this</var>. Так мы найдём все {{HTMLElement("div")}} элементы, которые имеют класс test:</p> <pre class="brush: js">var testElements = document.getElementsByClassName('test'); var testDivs = Array.prototype.filter.call(testElements, function(testElement){ diff --git a/files/ru/web/api/element/getelementsbytagname/index.html b/files/ru/web/api/element/getelementsbytagname/index.html index 6dd764a608..5085a050d1 100644 --- a/files/ru/web/api/element/getelementsbytagname/index.html +++ b/files/ru/web/api/element/getelementsbytagname/index.html @@ -17,7 +17,7 @@ translation_of: Web/API/Element/getElementsByTagName <ul> <li><code>elements</code> это живая коллекция {{domxref("HTMLCollection")}} найденных элементов в том порядке, в котором они были найдены в дереве. Если не найдено ни одного элемента, удовлетворяющего условиям поиска, то коллекция будет пустой.</li> - <li><code>element</code> это элемент в котором будет осуществляться поиск. Обратите внимание, что поиск будет осуществляться только в потомках этого элемента. Сам элемент не будет включен в результат поиска. </li> + <li><code>element</code> это элемент в котором будет осуществляться поиск. Обратите внимание, что поиск будет осуществляться только в потомках этого элемента. Сам элемент не будет включён в результат поиска. </li> <li><code>tagName</code> определяет имя тега для поиска. Если значением tagName будет <code>"*", то в результате будут получены все потомки элемента по которому осуществляется поиск</code>. Для совместимости с XHTML следует использовать нижний регистр в имени тега. </li> </ul> @@ -129,6 +129,6 @@ for (var i = 0; i < cells.length; i++) { </table> </div> -<p>[1] До Firefox 19 этот метод возвращал {{domxref("NodeList")}}; и был затем изменен, чтобы соответствовать спецификации.</p> +<p>[1] До Firefox 19 этот метод возвращал {{domxref("NodeList")}}; и был затем изменён, чтобы соответствовать спецификации.</p> -<p>[2] Первоначально этот метод возвращал {{domxref("NodeList")}}; и был затем изменен, чтобы соответствовать спецификации.</p> +<p>[2] Первоначально этот метод возвращал {{domxref("NodeList")}}; и был затем изменён, чтобы соответствовать спецификации.</p> diff --git a/files/ru/web/api/element/hasattribute/index.html b/files/ru/web/api/element/hasattribute/index.html index 12983eff93..de656ff27d 100644 --- a/files/ru/web/api/element/hasattribute/index.html +++ b/files/ru/web/api/element/hasattribute/index.html @@ -17,7 +17,7 @@ translation_of: Web/API/Element/hasAttribute </pre> <ul> - <li><code>Переменная result</code> хранит возвращенное значение <code>true</code> или <code>false</code>.</li> + <li><code>Переменная result</code> хранит возвращённое значение <code>true</code> или <code>false</code>.</li> <li><code>attName</code> это {{Glossary("String")}} представляющая имя атрибута.</li> </ul> diff --git a/files/ru/web/api/element/index.html b/files/ru/web/api/element/index.html index 966cf39fe2..690ad551ff 100644 --- a/files/ru/web/api/element/index.html +++ b/files/ru/web/api/element/index.html @@ -54,7 +54,7 @@ translation_of: Web/API/Element <dd>Пространство имён URI элемента или null, если это не пространство имен.</dd> <dd> <div class="note"> - <p><strong>Примечание:</strong> В Firefox версии 3.5 и ранее, HTML элементы не находятся в пространстве имен. В более поздних версиях, HTML элементы находятся в пространстве имен <code><a href="http://www.w3.org/1999/xhtml" title="Linkification: http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a></code> как в деревьях HTML, так и XML. {{ gecko_minversion_inline("1.9.2") }}</p> + <p><strong>Примечание:</strong> В Firefox версии 3.5 и ранее, HTML элементы не находятся в пространстве имён. В более поздних версиях, HTML элементы находятся в пространстве имён <code><a href="http://www.w3.org/1999/xhtml" title="Linkification: http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a></code> как в деревьях HTML, так и XML. {{ gecko_minversion_inline("1.9.2") }}</p> </div> </dd> </dl> @@ -119,7 +119,7 @@ translation_of: Web/API/Element <dl> <dt>{{ domxref("EventTarget.addEventListener()") }}</dt> - <dd>Регистрирует обработчик событий для определенного типа событий в элементе.</dd> + <dd>Регистрирует обработчик событий для определённого типа событий в элементе.</dd> <dt>{{ domxref("Element.closest()")}} {{experimental_inline}}</dt> <dd>Возвращает {{domxref("Element")}}, потомка этого элемента (или сам этот элемент), который является ближайшим предком элементов, выбранных селекторами, указанными в параметре.</dd> <dt>{{ domxref("Element.createShadowRoot()")}} {{experimental_inline}}</dt> @@ -135,11 +135,11 @@ translation_of: Web/API/Element <dt>{{ domxref("Element.getAttribute()") }}</dt> <dd>Извлекает значение именованного атрибута из текущего узла и возвращает его в виде{{jsxref("Object")}}.</dd> <dt>{{ domxref("Element.getAttributeNS()") }}</dt> - <dd>Извлекает значение атрибута с указанным именем и пространством имен из текущего узла и возвращает его как {{jsxref("Object")}}.</dd> + <dd>Извлекает значение атрибута с указанным именем и пространством имён из текущего узла и возвращает его как {{jsxref("Object")}}.</dd> <dt>{{ domxref("Element.getAttributeNode()") }} {{obsolete_inline}}</dt> <dd>Извлекает представление узла именованного атрибута из текущего узла и возвращает его в виде {{ domxref("Attr") }}.</dd> <dt>{{ domxref("Element.getAttributeNodeNS()") }} {{obsolete_inline}}</dt> - <dd>Извлекает представление узла атрибута с указанным именем и пространством имен из текущего узла и возвращает его в виде {{ domxref("Attr") }}.</dd> + <dd>Извлекает представление узла атрибута с указанным именем и пространством имён из текущего узла и возвращает его в виде {{ domxref("Attr") }}.</dd> <dt>{{ domxref("Element.getBoundingClientRect()") }}<code> </code>{{experimental_inline}}</dt> <dd>...</dd> <dt>{{ domxref("Element.getClientRects()") }} {{experimental_inline}} TYPE of returnvalue????</dt> @@ -153,9 +153,9 @@ translation_of: Web/API/Element <dt>{{ domxref("Element.getElementsByTagNameNS()") }}</dt> <dd>Возвращает коллекцию {{ domxref ("HTMLCollection")}}, которая содержит все элементы, у которых название тега и пространства имён совпадает с тем, что заданно в параметрах функции.</dd> <dt>{{ domxref("Element.hasAttribute()") }}</dt> - <dd>Возвращает {{jsxref("Boolean")}}, указывающее, имеет элемент определенный атрибут, или нет.</dd> + <dd>Возвращает {{jsxref("Boolean")}}, указывающее, имеет элемент определённый атрибут, или нет.</dd> <dt>{{ domxref("Element.hasAttributeNS()") }}</dt> - <dd>Возвращает {{jsxref("Boolean")}}, указывающий, имеет элемент определенный атрибут в определенном пространстве имен, или нет.</dd> + <dd>Возвращает {{jsxref("Boolean")}}, указывающий, имеет элемент определённый атрибут в определённом пространстве имён, или нет.</dd> <dt>{{ domxref("Element.insertAdjacentHTML") }} {{experimental_inline}}</dt> <dd>Анализирует текст как HTML или XML и вставляет полученные узлы в указанную позицию дерева элементов.</dd> <dt>{{ domxref("Element.matches()") }}<code> </code>{{experimental_inline}}</dt> @@ -171,7 +171,7 @@ translation_of: Web/API/Element <dt>{{ domxref("Element.removeAttribute()") }}</dt> <dd>Удаляет именованный атрибут из текущего узла.</dd> <dt>{{ domxref("Element.removeAttributeNS()") }}</dt> - <dd>Удаляет атрибут с указанным именем и пространством имен, из текущего узла.</dd> + <dd>Удаляет атрибут с указанным именем и пространством имён, из текущего узла.</dd> <dt>{{ domxref("Element.removeAttributeNode()") }} {{obsolete_inline}}</dt> <dd>Удаляет представление узла именованного атрибута из текущего узла.</dd> <dt>{{ domxref("EventTarget.removeEventListener()") }}</dt> @@ -184,15 +184,15 @@ translation_of: Web/API/Element <dl> <dt>{{ domxref("Element.scrollIntoView()") }} {{experimental_inline}}</dt> - <dd>Прокручивает страницу до тех пор, пока элемент не попадет в представление.</dd> + <dd>Прокручивает страницу до тех пор, пока элемент не попадёт в представление.</dd> <dt>{{ domxref("Element.setAttribute()") }}</dt> <dd>Устанавливает значение именованного атрибута из текущей узла.</dd> <dt>{{ domxref("Element.setAttributeNS()") }}</dt> - <dd>Устанавливает значение атрибута с определенным именем и пространством имен из текущей узла.</dd> + <dd>Устанавливает значение атрибута с определённым именем и пространством имён из текущей узла.</dd> <dt>{{ domxref("Element.setAttributeNode()") }} {{obsolete_inline}}</dt> - <dd>Задает представление узла именованного атрибута из текущего узла.</dd> + <dd>Задаёт представление узла именованного атрибута из текущего узла.</dd> <dt>{{ domxref("Element.setAttributeNodeNS()") }} {{obsolete_inline}}</dt> - <dd>Установите представление узла атрибута с указанным именем и пространством имен из текущего узла.</dd> + <dd>Установите представление узла атрибута с указанным именем и пространством имён из текущего узла.</dd> <dt>{{ domxref("Element.setCapture()") }} {{non-standard_inline}}</dt> <dd>Настройка захвата событий мыши, перенаправление всех событий мыши на этот элемент.</dd> <dt>{{domxref("Element.setPointerCapture()")}}</dt> diff --git a/files/ru/web/api/element/innerhtml/index.html b/files/ru/web/api/element/innerhtml/index.html index 2803948c8c..9920c078ae 100644 --- a/files/ru/web/api/element/innerhtml/index.html +++ b/files/ru/web/api/element/innerhtml/index.html @@ -7,7 +7,7 @@ translation_of: Web/API/Element/innerHTML <p>Свойство интерфейса {{domxref("Element")}} <strong><code>innerHTML</code></strong> устанавливает или получает HTML или XML разметку дочерних элементов.</p> -<div class="note"><strong>Примечание: </strong>Если узлы {{HTMLElement("div")}}, {{HTMLElement("span")}}, или {{HTMLElement("noembed")}} имеют дочерние текстовые узлы, содержащие символы <code>(&), (<),</code> или <code>(>)</code>, <code>innerHTML</code> вернет эти символы как &amp, &lt и &gt соответственно. Используйте {{domxref("Node.textContent")}} для получения правильной копии содержимого этих текстовых узлов. </div> +<div class="note"><strong>Примечание: </strong>Если узлы {{HTMLElement("div")}}, {{HTMLElement("span")}}, или {{HTMLElement("noembed")}} имеют дочерние текстовые узлы, содержащие символы <code>(&), (<),</code> или <code>(>)</code>, <code>innerHTML</code> вернёт эти символы как &amp, &lt и &gt соответственно. Используйте {{domxref("Node.textContent")}} для получения правильной копии содержимого этих текстовых узлов. </div> <p> Чтобы вставить HTML в документ, не меняя содержимое элемента, используйте {{domxref("Element.insertAdjacentHTML", "insertAdjacentHTML()")}}.</p> @@ -43,7 +43,7 @@ translation_of: Web/API/Element/innerHTML javascript:"<pre>"+document.documentElement.innerHTML.replace(/</g,"&lt;") + "</pre>"; </pre> -<p>Это свойство было первоначально реализовано веб браузерами, затем описано WHATWG и W3C в HTML5. Старые реализации могут отличаться от новых. Для примера, когда введен текст в поле ввода <input>, IE меняет значение атрибута <input> свойства innerHTML, но браузеры Gecko не делают этого.</p> +<p>Это свойство было первоначально реализовано веб браузерами, затем описано WHATWG и W3C в HTML5. Старые реализации могут отличаться от новых. Для примера, когда введён текст в поле ввода <input>, IE меняет значение атрибута <input> свойства innerHTML, но браузеры Gecko не делают этого.</p> <h3 id="Соображения_безопасности">Соображения безопасности</h3> @@ -160,8 +160,8 @@ boxElem.addEventListener("mouseleave", logEvent);</pre> <h2 id="Смотрите_также">Смотрите также</h2> <ul> - <li><a class="external" href="http://innerdom.sourceforge.net/"><code>innerDOM</code></a> - Для тех, кто хочет придерживаться стандартов, вот один набор функций JavaScript, предлагающий сериализовать или разобрать XML так, чтобы установить содержимое элемента, определенное как строка(и) через DOM или получить содержимое элемента, полученное из DOM как строку.</li> + <li><a class="external" href="http://innerdom.sourceforge.net/"><code>innerDOM</code></a> - Для тех, кто хочет придерживаться стандартов, вот один набор функций JavaScript, предлагающий сериализовать или разобрать XML так, чтобы установить содержимое элемента, определённое как строка(и) через DOM или получить содержимое элемента, полученное из DOM как строку.</li> <li>{{domxref("Element.insertAdjacentHTML")}} - <span id="result_box" lang="ru"><span>Альтернатива для innerHTML, позволяющая добавлять новый HTML</span></span>.</li> - <li><a class="external" href="https://github.com/ndebeiss/jsxmlsaxparser">jssaxparser</a> - Более надежным (хотя и более тяжелым) решением, чем innerDOM (поддерживает парсинг с пространствами имен, однокавычками атрибутов, секциями CDATA и т.д.), является этот SAX2 парсер при использовании с его обработчиком DOM-контента. (Предлагает строку на DOM; DOM на строку <a href="https://app.assembla.com/spaces/brettz9/bize6mebSr3B31ab7jnrAJ/source/DOMToString">значительно проще</a>).</li> + <li><a class="external" href="https://github.com/ndebeiss/jsxmlsaxparser">jssaxparser</a> - Более надёжным (хотя и более тяжёлым) решением, чем innerDOM (поддерживает парсинг с пространствами имён, однокавычками атрибутов, секциями CDATA и т.д.), является этот SAX2 парсер при использовании с его обработчиком DOM-контента. (Предлагает строку на DOM; DOM на строку <a href="https://app.assembla.com/spaces/brettz9/bize6mebSr3B31ab7jnrAJ/source/DOMToString">значительно проще</a>).</li> <li>Эффективность соображений: <a class="external" href="http://www.quirksmode.org/dom/innerhtml.html">quirksmode.</a></li> </ul> diff --git a/files/ru/web/api/element/insertadjacenttext/index.html b/files/ru/web/api/element/insertadjacenttext/index.html index 81a8079b0c..2b269e1291 100644 --- a/files/ru/web/api/element/insertadjacenttext/index.html +++ b/files/ru/web/api/element/insertadjacenttext/index.html @@ -24,7 +24,7 @@ translation_of: Web/API/Element/insertAdjacentText </ul> </dd> <dt><code>element</code></dt> - <dd>{{domxref("DOMString")}} текст, который будет помещен в заданную позицию.</dd> + <dd>{{domxref("DOMString")}} текст, который будет помещён в заданную позицию.</dd> </dl> <h3 id="Возвращаемое_значение">Возвращаемое значение</h3> diff --git a/files/ru/web/api/element/mouseenter_event/index.html b/files/ru/web/api/element/mouseenter_event/index.html index 682e4930cd..48bd4bae46 100644 --- a/files/ru/web/api/element/mouseenter_event/index.html +++ b/files/ru/web/api/element/mouseenter_event/index.html @@ -34,7 +34,7 @@ translation_of: Web/API/Element/mouseenter_event <div style="column-width: 455px; border: 1px solid; padding: 5px; margin-bottom: 10px;"> <div style="text-align: center;"><img alt="mouseenter.png" class="default internal" src="/@api/deki/files/5908/=mouseenter.png"></div> -<span class="tlid-translation translation" lang="ru"><span title="">Одно событие </span></span> <code>mouseenter</code> <span class="tlid-translation translation" lang="ru"><span title="">отправляется каждому элементу иерархии при их вводе.</span> <span title="">Здесь 4 события отправляются четырем элементам иерархии, когда указатель достигает текста.</span></span> +<span class="tlid-translation translation" lang="ru"><span title="">Одно событие </span></span> <code>mouseenter</code> <span class="tlid-translation translation" lang="ru"><span title="">отправляется каждому элементу иерархии при их вводе.</span> <span title="">Здесь 4 события отправляются четырём элементам иерархии, когда указатель достигает текста.</span></span> <div style="text-align: center;"><img alt="mouseover.png" class="default internal" src="/@api/deki/files/5909/=mouseover.png"></div> <span class="tlid-translation translation" lang="ru"><span title="">Одиночное событие наведения мыши</span></span> <code>mouseover</code> <span class="tlid-translation translation" lang="ru"><span title="">отправляется в самый глубокий элемент дерева DOM, затем оно всплывает в иерархии, пока не будет отменено обработчиком или не достигнет корня.</span></span></div> diff --git a/files/ru/web/api/element/mouseleave_event/index.html b/files/ru/web/api/element/mouseleave_event/index.html index 19b5e9dafb..6f0e633b07 100644 --- a/files/ru/web/api/element/mouseleave_event/index.html +++ b/files/ru/web/api/element/mouseleave_event/index.html @@ -8,7 +8,7 @@ translation_of: Web/API/Element/mouseleave_event <p class="summary">Событие <code>mouseleave</code> срабатывает, когда курсор манипулятора (обычно мыши) перемещается за границы элемента.</p> <p><code>mouseleave</code> <code>и</code> {{event('mouseout')}} схожи, но отличаются тем, что <code>mouseleave</code> не всплывает, а <code>mouseout</code> всплывает.<br> - Это значит, что <code>mouseleave</code> срабатывает, когда курсор выходит за границы элемента <em>и</em> всех его дочерних элементов, в то время как <code>mouseout</code> срабатывает, когда курсор покидает границы элемента <em>или</em> одного из его дочерних элементов (даже если курсор все еще находится в пределах элемента).</p> + Это значит, что <code>mouseleave</code> срабатывает, когда курсор выходит за границы элемента <em>и</em> всех его дочерних элементов, в то время как <code>mouseout</code> срабатывает, когда курсор покидает границы элемента <em>или</em> одного из его дочерних элементов (даже если курсор все ещё находится в пределах элемента).</p> <table class="standard" style="border: solid 1px;"> <tbody> diff --git a/files/ru/web/api/element/removeattribute/index.html b/files/ru/web/api/element/removeattribute/index.html index d249cb37b5..df098434f2 100644 --- a/files/ru/web/api/element/removeattribute/index.html +++ b/files/ru/web/api/element/removeattribute/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/Element/removeAttribute </pre> <ul> - <li><code>attrName</code> строка, имя атрибута который должен быть удален с <em>element</em>.</li> + <li><code>attrName</code> строка, имя атрибута который должен быть удалён с <em>element</em>.</li> </ul> <h2 id="Example" name="Example">Пример</h2> diff --git a/files/ru/web/api/element/scrollheight/index.html b/files/ru/web/api/element/scrollheight/index.html index e7f6f1f4af..895c36a2a8 100644 --- a/files/ru/web/api/element/scrollheight/index.html +++ b/files/ru/web/api/element/scrollheight/index.html @@ -166,7 +166,7 @@ onload = function () { </tbody> </table> -<p><strong>В версиях Firefox до 21-й:</strong> когда контент элемента не создает вертикальную полосу прокрутки, его свойство <code style="font-size: 14px;">scrollHeight</code><span style="line-height: 1.5;"> равно значению </span><code style="font-size: 14px;">clientHeight</code><span style="line-height: 1.5;">. Это может означать либо то, что контента слишком мало, чтобы ему потребовалась полоса прокрутки, либо то, что у элемента значение CSS свойства overflow равно visible (в этом случае прокрутка отсутствует).</span></p> +<p><strong>В версиях Firefox до 21-й:</strong> когда контент элемента не создаёт вертикальную полосу прокрутки, его свойство <code style="font-size: 14px;">scrollHeight</code><span style="line-height: 1.5;"> равно значению </span><code style="font-size: 14px;">clientHeight</code><span style="line-height: 1.5;">. Это может означать либо то, что контента слишком мало, чтобы ему потребовалась полоса прокрутки, либо то, что у элемента значение CSS свойства overflow равно visible (в этом случае прокрутка отсутствует).</span></p> <h2 id="See_Also" name="See_Also">Смотрите также</h2> diff --git a/files/ru/web/api/element/scrolltop/index.html b/files/ru/web/api/element/scrolltop/index.html index 5da685b3c7..f057dc4f40 100644 --- a/files/ru/web/api/element/scrolltop/index.html +++ b/files/ru/web/api/element/scrolltop/index.html @@ -19,7 +19,7 @@ var <var> intElemScrollTop</var> = someElement.scrollTop; <var>element</var>.scrollTop = <var>intValue</var>; </pre> -<p><code>scrollTop</code> может быть любым целым числом, с определенными оговорками:</p> +<p><code>scrollTop</code> может быть любым целым числом, с определёнными оговорками:</p> <ul> <li>Если элемент не может быть прокручен (т.е. у него нет переполнения или если элемент <strong>не прокручиваем</strong>), <code>scrollTop</code> устанавливается в <code>0</code>.</li> diff --git a/files/ru/web/api/element/setattribute/index.html b/files/ru/web/api/element/setattribute/index.html index 0d61d3834e..f7e43d6d58 100644 --- a/files/ru/web/api/element/setattribute/index.html +++ b/files/ru/web/api/element/setattribute/index.html @@ -34,13 +34,13 @@ b.setAttribute("disabled", "disabled"); <h2 id="Notes" name="Notes">Примечания</h2> -<p>При вызове на элементе внутри HTML документа, setAttribute переведет имя атрибута в нижний регистр.</p> +<p>При вызове на элементе внутри HTML документа, setAttribute переведёт имя атрибута в нижний регистр.</p> <p>Если указанный атрибут уже существует, его значение изменится на новое. Если атрибута ранее не существовало, он будет создан.</p> -<p>Несмотря на то, что метод <code style="font-style: normal;"><a href="/ru/docs/DOM/element.getAttribute" title="DOM/element.getAttribute">getAttribute()</a></code> возвращает null у удаленных атрибутов, вы должны использовать <a href="/ru/docs/DOM/element.removeAttribute" style="font-family: Consolas, Monaco, 'Andale Mono', monospace;" title="DOM/element.removeAttribute">removeAttribute()</a> вместо <em>elt</em><span style="font-family: consolas,monaco,andale mono,monospace;">.setAttribute(</span><em>attr</em><span style="font-family: consolas,monaco,andale mono,monospace;">, null)</span>, чтобы удалить атрибут. Последний заставит значение <code>null</code> быть строкой <code>"null"</code>, <span class="short_text" id="result_box" lang="ru"><span>которая, вероятно,</span> <span>не то, что</span> <span>вы хотите</span><span>.</span></span></p> +<p>Несмотря на то, что метод <code style="font-style: normal;"><a href="/ru/docs/DOM/element.getAttribute" title="DOM/element.getAttribute">getAttribute()</a></code> возвращает null у удалённых атрибутов, вы должны использовать <a href="/ru/docs/DOM/element.removeAttribute" style="font-family: Consolas, Monaco, 'Andale Mono', monospace;" title="DOM/element.removeAttribute">removeAttribute()</a> вместо <em>elt</em><span style="font-family: consolas,monaco,andale mono,monospace;">.setAttribute(</span><em>attr</em><span style="font-family: consolas,monaco,andale mono,monospace;">, null)</span>, чтобы удалить атрибут. Последний заставит значение <code>null</code> быть строкой <code>"null"</code>, <span class="short_text" id="result_box" lang="ru"><span>которая, вероятно,</span> <span>не то, что</span> <span>вы хотите</span><span>.</span></span></p> -<p>Использование setAttribute() для изменения определенных атрибутов особенно значимо в XUL, так как работает непоследовательно, а атрибут определяет значение по умолчанию. Для того, чтобы получить или изменить текущие значения, вы должны использовать свойства. Например, elt.value вместо elt.setAttribure('value', val).</p> +<p>Использование setAttribute() для изменения определённых атрибутов особенно значимо в XUL, так как работает непоследовательно, а атрибут определяет значение по умолчанию. Для того, чтобы получить или изменить текущие значения, вы должны использовать свойства. Например, elt.value вместо elt.setAttribure('value', val).</p> <p>Чтобы установить атрибут, которому значение не нужно, такой как, например, атрибут <code>autoplay</code> элемента {{HTMLElement("audio")}}, используйте null или пустое значение. Например: <code><em>elt</em>.setAttribute('autoplay', '')</code></p> diff --git a/files/ru/web/api/element/slot/index.html b/files/ru/web/api/element/slot/index.html index 0cf309a075..7ff8d276c7 100644 --- a/files/ru/web/api/element/slot/index.html +++ b/files/ru/web/api/element/slot/index.html @@ -28,7 +28,7 @@ translation_of: Web/API/Element/slot <h2 id="Example" name="Example">Примеры</h2> -<p>В нашем <a href="https://github.com/mdn/web-components-examples/tree/master/simple-template">примере простого шаблона</a> (<a href="https://mdn.github.io/web-components-examples/simple-template/">смотри в прямом эфире</a>), мы создаем тривиальный пример пользовательского элемента с именем <code><my-paragraph></code>, в котором прикрепляется теневой корень, а затем заполняется с использованием содержимого шаблона, содержащего слот с именем <code>my-text</code>.</p> +<p>В нашем <a href="https://github.com/mdn/web-components-examples/tree/master/simple-template">примере простого шаблона</a> (<a href="https://mdn.github.io/web-components-examples/simple-template/">смотри в прямом эфире</a>), мы создаём тривиальный пример пользовательского элемента с именем <code><my-paragraph></code>, в котором прикрепляется теневой корень, а затем заполняется с использованием содержимого шаблона, содержащего слот с именем <code>my-text</code>.</p> <p>Когда в документе используется <code><my-paragraph></code>, слот заполняется слот-элементом, включая его в элемент с атрибутом <code><a href="/en-US/docs/Web/HTML/Global_attributes/slot">slot</a></code> со значением <code>my-text</code>. Вот один из таких примеров:</p> |