diff options
author | Alexey Pyltsyn <lex61rus@gmail.com> | 2021-10-27 02:31:24 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-10-27 02:31:24 +0300 |
commit | 980fe00a74a9ad013b945755415ace2e5429c3c2 (patch) | |
tree | a1c6bb4b302e69bfa53eab13e44500eba55d1696 /files/ru/web/api/element | |
parent | 374a039b97a11ee7306539d16aaab27fed66b398 (diff) | |
download | translated-content-980fe00a74a9ad013b945755415ace2e5429c3c2.tar.gz translated-content-980fe00a74a9ad013b945755415ace2e5429c3c2.tar.bz2 translated-content-980fe00a74a9ad013b945755415ace2e5429c3c2.zip |
[RU] Remove notranslate (#2874)
Diffstat (limited to 'files/ru/web/api/element')
-rw-r--r-- | files/ru/web/api/element/closest/index.html | 10 | ||||
-rw-r--r-- | files/ru/web/api/element/innerhtml/index.html | 20 | ||||
-rw-r--r-- | files/ru/web/api/element/mouseenter_event/index.html | 6 | ||||
-rw-r--r-- | files/ru/web/api/element/queryselectorall/index.html | 8 | ||||
-rw-r--r-- | files/ru/web/api/element/scrollheight/index.html | 10 | ||||
-rw-r--r-- | files/ru/web/api/element/setattribute/index.html | 6 |
6 files changed, 30 insertions, 30 deletions
diff --git a/files/ru/web/api/element/closest/index.html b/files/ru/web/api/element/closest/index.html index 6402a20d93..9ad86944f7 100644 --- a/files/ru/web/api/element/closest/index.html +++ b/files/ru/web/api/element/closest/index.html @@ -15,7 +15,7 @@ translation_of: Web/API/Element/closest <h2 id="Syntax">Синтаксис</h2> -<pre class="syntaxbox notranslate">var <em>elt =</em><em> element</em>.closest(<em>selectors</em>); +<pre class="syntaxbox">var <em>elt =</em><em> element</em>.closest(<em>selectors</em>); </pre> <ul> @@ -32,7 +32,7 @@ translation_of: Web/API/Element/closest <h2 id="Example">Пример</h2> -<pre class="notranslate"><div id="block" title="Я - блок"> +<pre><div id="block" title="Я - блок"> <a href="#">Я ссылка в никуда</a> <a href="http://site.ru">Я ссылка на сайт</a> <div> @@ -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">var div = document.querySelector("#too"); //Это элемент от которого мы начнём поиск div.closest("#block"); //Результат - самый первый блок древа выше div.closest("div"); //Сам блок #too и будет результатом, так как он подходит под селектор "div" @@ -56,7 +56,7 @@ div.closest("div[title]") //#block - так как ближе нет блоко <p>Для браузеров не поддерживающих Element.closest(), но позволяющих использовать element.matches() (или префиксный эквивалент) есть полифил:</p> -<pre class="brush: js notranslate">(function(ELEMENT) { +<pre class="brush: js">(function(ELEMENT) { ELEMENT.matches = ELEMENT.matches || ELEMENT.mozMatchesSelector || ELEMENT.msMatchesSelector || ELEMENT.oMatchesSelector || ELEMENT.webkitMatchesSelector; ELEMENT.closest = ELEMENT.closest || function closest(selector) { if (!this) return null; @@ -70,7 +70,7 @@ div.closest("div[title]") //#block - так как ближе нет блоко <p>Тем не менее, если вам требуется поддержка IE 8, вы можете использовать следующий полифил. Имейте ввиду - этот способ позволяет использовать CSS селекторы только уровня 2.1 и может жутко тормозить.</p> -<pre class="brush: js notranslate">(function(e){ +<pre class="brush: js">(function(e){ e.closest = e.closest || function(css){ var node = this; <code class="language-javascript"><span class="keyword token"> diff --git a/files/ru/web/api/element/innerhtml/index.html b/files/ru/web/api/element/innerhtml/index.html index aebc96174b..c3b5db5ccb 100644 --- a/files/ru/web/api/element/innerhtml/index.html +++ b/files/ru/web/api/element/innerhtml/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/Element/innerHTML <h2 id="Синтаксис">Синтаксис</h2> -<pre class="brush: js notranslate">const <var>content</var> = <var>element</var>.innerHTML; +<pre class="brush: js">const <var>content</var> = <var>element</var>.innerHTML; <var>element</var>.innerHTML = <var>htmlString</var>; </pre> @@ -35,11 +35,11 @@ translation_of: Web/API/Element/innerHTML <p>Это свойство предоставляет простой способ полностью заменить содержимое элемента. Например, все содержимое элемента body может быть удалено:</p> -<pre class="brush: js notranslate">document.body.innerHTML = ""; // Заменяет содержимое тела пустой строкой.</pre> +<pre class="brush: js">document.body.innerHTML = ""; // Заменяет содержимое тела пустой строкой.</pre> <p>Свойство innerHTML многих типов элементов, включая {{HTMLElement("body")}} или {{HTMLElement("html")}}, могут быть возвращены или перемещены. Это может так же быть использовано для просмотра кода страницы, которая была изменена динамически:</p> -<pre class="brush: js notranslate">// Скопируйте и вставьте в адресную строку в виде одной строки. +<pre class="brush: js">// Скопируйте и вставьте в адресную строку в виде одной строки. javascript:"<pre>"+document.documentElement.innerHTML.replace(/</g,"&lt;") + "</pre>"; </pre> @@ -49,7 +49,7 @@ javascript:"<pre>"+document.documentElement.innerHTML.replace(/</g,"&am <p>Не редко можно увидеть использование InnerHTML для вставки текста в веб страницу. Это приводит к рискам безопасности.</p> -<pre class="brush: js notranslate">const name = "John"; +<pre class="brush: js">const name = "John"; // предполагая, что 'el' является HTML DOM-элементом. el.innerHTML = name; // безвредный в этом случае @@ -62,7 +62,7 @@ el.innerHTML = name; // безвредный в этом случае</pre> <p>Однако, есть способы запустить JavaScript без использования элементов {{HTMLElement("script")}}, так что есть риск безопасности всякий раз, когда вы используете innerHTML для набора строк, над которыми у вас нет контроля. Например:</p> -<pre class="brush: js notranslate">const name = "<img src='x' onerror='alert(1)'>"; +<pre class="brush: js">const name = "<img src='x' onerror='alert(1)'>"; el.innerHTML = name; // показывает alert</pre> <p>По этой причине, рекомендуется не использовать innerHTML при вставке обычного текста; вместо этого, используйте {{domxref("node.textContent")}}. Это не интерпретирует отправленный контент как HTML, но вместо этого он вставляется как не обработанный текст. </p> @@ -73,7 +73,7 @@ el.innerHTML = name; // показывает alert</pre> <h3 id="JavaScript">JavaScript</h3> -<pre class="brush: js notranslate">function log(msg) { +<pre class="brush: js">function log(msg) { var logElem = document.querySelector(".log"); var time = new Date(); @@ -87,7 +87,7 @@ log("Регистрация событий мыши внутри этого ко <p>Мы добавляем второй метод, который логирует информацию о событиях на основе {{domxref("MouseEvent")}} (например, {{event("mousedown")}}, {{event("click")}}, и {{event("mouseenter")}}):</p> -<pre class="brush: js notranslate">function logEvent(event) { +<pre class="brush: js">function logEvent(event) { var msg = "Event <strong>" + event.type + "</strong> at <em>" + event.clientX + ", " + event.clientY + "</em>"; log(msg); @@ -95,7 +95,7 @@ log("Регистрация событий мыши внутри этого ко <p>Затем мы используем этот обработчик событий на элементе, который содержит наше логирование, для каждого события мыши:</p> -<pre class="brush: js notranslate">var boxElem = document.querySelector(".box"); +<pre class="brush: js">var boxElem = document.querySelector(".box"); boxElem.addEventListener("mousedown", logEvent); boxElem.addEventListener("mouseup", logEvent); @@ -107,7 +107,7 @@ boxElem.addEventListener("mouseleave", logEvent);</pre> <p>HTML довольно простой для нашего примера.</p> -<pre class="brush: html notranslate"><div class="box"> +<pre class="brush: html"><div class="box"> <div><strong>Log:</strong></div> <div class="log"></div> </div></pre> @@ -118,7 +118,7 @@ boxElem.addEventListener("mouseleave", logEvent);</pre> <p>Для нашего примера используем следующие CSS стили.</p> -<pre class="brush: css notranslate">.box { +<pre class="brush: css">.box { width: 600px; height: 300px; border: 1px solid black; diff --git a/files/ru/web/api/element/mouseenter_event/index.html b/files/ru/web/api/element/mouseenter_event/index.html index 4eaf5d34d6..5b730ba50a 100644 --- a/files/ru/web/api/element/mouseenter_event/index.html +++ b/files/ru/web/api/element/mouseenter_event/index.html @@ -53,7 +53,7 @@ translation_of: Web/API/Element/mouseenter_event <h4 id="HTML">HTML</h4> -<pre class="brush: html notranslate"><div id='mouseTarget'> +<pre class="brush: html"><div id='mouseTarget'> <ul id="unorderedList"> <li>No events yet!</li> </ul> @@ -63,7 +63,7 @@ translation_of: Web/API/Element/mouseenter_event <p>Стилизация <code>div</code> чтобы сделать его более заметным.</p> -<pre class="brush: css notranslate">#mouseTarget { +<pre class="brush: css">#mouseTarget { box-sizing: border-box; width:15rem; border:1px solid #333; @@ -71,7 +71,7 @@ translation_of: Web/API/Element/mouseenter_event <h4 id="JavaScript">JavaScript</h4> -<pre class="brush: js notranslate">var enterEventCount = 0; +<pre class="brush: js">var enterEventCount = 0; var leaveEventCount = 0; const mouseTarget = document.getElementById('mouseTarget'); const unorderedList = document.getElementById('unorderedList'); diff --git a/files/ru/web/api/element/queryselectorall/index.html b/files/ru/web/api/element/queryselectorall/index.html index 31f9443386..38761d00ea 100644 --- a/files/ru/web/api/element/queryselectorall/index.html +++ b/files/ru/web/api/element/queryselectorall/index.html @@ -9,7 +9,7 @@ translation_of: Web/API/Element/querySelectorAll <h2 id="Syntax">Синтаксис</h2> -<pre class="syntaxbox notranslate"><em>elementList</em> = baseElement.querySelectorAll(<em>selectors</em>); +<pre class="syntaxbox"><em>elementList</em> = baseElement.querySelectorAll(<em>selectors</em>); </pre> <p>где</p> @@ -24,18 +24,18 @@ translation_of: Web/API/Element/querySelectorAll <p>Этот пример возвращает список всех элементов с тегом p, которые находятся в теле документа:</p> -<pre class="brush: js notranslate">var matches = document.body.querySelectorAll('p'); +<pre class="brush: js">var matches = document.body.querySelectorAll('p'); </pre> <p>Этот пример возвращает список всех элементов с тегом p, которые находятся непосредственно в элементах-контейнерах с тегом div, имеющих класс 'highlighted', которые в свою очередь находятся внутри элемента с идентификатором 'test':</p> -<pre class="brush:js notranslate">var el = document.querySelector('#test'); +<pre class="brush:js">var el = document.querySelector('#test'); var matches = el.querySelectorAll('div.highlighted > p'); </pre> <p>Этот пример возвращает список всех элементов iframe, которые имеют атрибут "data-src":</p> -<pre class="brush: js notranslate">var matches = el.querySelectorAll('iframe[data-src]'); +<pre class="brush: js">var matches = el.querySelectorAll('iframe[data-src]'); </pre> <h2 id="Notes">Примечания</h2> diff --git a/files/ru/web/api/element/scrollheight/index.html b/files/ru/web/api/element/scrollheight/index.html index 66f1f574e4..d4000efc21 100644 --- a/files/ru/web/api/element/scrollheight/index.html +++ b/files/ru/web/api/element/scrollheight/index.html @@ -13,7 +13,7 @@ translation_of: Web/API/Element/scrollHeight <h2 id="Syntax_and_values">Синтаксис</h2> -<pre class="eval notranslate">var <em>intElemScrollHeight</em> = document.getElementById(<em>id_attribute_value</em>).scrollHeight; +<pre class="eval">var <em>intElemScrollHeight</em> = document.getElementById(<em>id_attribute_value</em>).scrollHeight; </pre> <p><em>intElemScrollHeight</em> - переменная, хранящая целое число, соответствующее пиксельному значению scrollHeight элемента. scrollHeight является свойством только для чтения.</p> @@ -40,7 +40,7 @@ translation_of: Web/API/Element/scrollHeight <p>Следующее выражение возвращает <code>true</code>, если элемент был прокручен до конца, <code>false</code> если это не так.</p> -<pre class="syntaxbox notranslate">element.scrollHeight - element.scrollTop === element.clientHeight</pre> +<pre class="syntaxbox">element.scrollHeight - element.scrollTop === element.clientHeight</pre> <h2 id="scrollHeight_Demo">Пример работы scrollHeight</h2> @@ -48,7 +48,7 @@ translation_of: Web/API/Element/scrollHeight <h3 id="HTML">HTML</h3> -<pre class="brush: html notranslate"><form name="registration"> +<pre class="brush: html"><form name="registration"> <p> <textarea id="rules"> Регистрируясь на сайте любителей котиков я соглашаюсь со следующими условиями: @@ -81,7 +81,7 @@ translation_of: Web/API/Element/scrollHeight <h3 id="CSS">CSS</h3> -<pre class="brush: css notranslate">#notice { +<pre class="brush: css">#notice { display: inline-block; margin-bottom: 12px; border-radius: 5px; @@ -100,7 +100,7 @@ translation_of: Web/API/Element/scrollHeight <h3 id="JavaScript">JavaScript</h3> -<pre class="brush: js notranslate">function checkReading () { +<pre class="brush: js">function checkReading () { if (checkReading.read) { return; } diff --git a/files/ru/web/api/element/setattribute/index.html b/files/ru/web/api/element/setattribute/index.html index 6a16a07850..ac988fa87e 100644 --- a/files/ru/web/api/element/setattribute/index.html +++ b/files/ru/web/api/element/setattribute/index.html @@ -11,7 +11,7 @@ translation_of: Web/API/Element/setAttribute <h2 id="Syntax">Синтаксис</h2> -<pre class="syntaxbox notranslate"><em>element</em>.setAttribute(<em>name</em>, <em>value</em>); +<pre class="syntaxbox"><em>element</em>.setAttribute(<em>name</em>, <em>value</em>); </pre> <ul> @@ -23,9 +23,9 @@ translation_of: Web/API/Element/setAttribute <p>В следующем примере, <code>setAttribute()</code> используется, чтобы установить атрибут {{htmlattrxref("disabled")}} кнопки {{htmlelement("button")}}, делая её отключённой.</p> -<pre class="brush: html notranslate"><button>Hello World</button></pre> +<pre class="brush: html"><button>Hello World</button></pre> -<pre class="brush:js notranslate">var b = document.querySelector("button"); +<pre class="brush:js">var b = document.querySelector("button"); b.setAttribute("disabled", "disabled"); </pre> |