ru: Format /web/api using Prettier (part 3)

files/ru/web/api/element/getelementsbyclassname/index.md

@@ -30,36 +30,37 @@ var elements = element.getElementsByClassName(names);
 Получить все элементы с классом test:
 
 ```js
-element.getElementsByClassName('test');
+element.getElementsByClassName("test");
 ```
 
 Получить все элементы с классами test и red:
 
 ```js
-element.getElementsByClassName('red test');
+element.getElementsByClassName("red test");
 ```
 
 Получить все элементы с классом test, которые находятся в элементе с id main:
 
 ```js
-document.getElementById('main').getElementsByClassName('test');
+document.getElementById("main").getElementsByClassName("test");
 ```
 
 Мы так же можем использовать все методы из {{jsxref("Array.prototype")}} на любом {{ domxref("HTMLCollection") }} путём передачи `HTMLCollection` в метод как значение _this_. Так мы найдём все {{HTMLElement("div")}} элементы, которые имеют класс test:
 
 ```js
-var testElements = document.getElementsByClassName('test');
-var testDivs = Array.prototype.filter.call(testElements, function(testElement){
-    return testElement.nodeName === 'div';
-});
+var testElements = document.getElementsByClassName("test");
+var testDivs = Array.prototype.filter.call(
+  testElements,
+  function (testElement) {
+    return testElement.nodeName === "div";
+  },
+);
 ```
 
-## Specifications
+## Спецификации
 
-| Specification                                                                                                                            | Status                           | Comment            |
-| ---------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------- | ------------------ |
-| {{SpecName('DOM WHATWG', '#dom-element-getelementsbyclassname', 'Element.getElementsByClassName()')}} | {{Spec2('DOM WHATWG')}} | Initial definition |
+{{Specifications}}
 
-## Browser compatibility
+## Совместимость с браузерами
 
 {{Compat}}

files/ru/web/api/element/getelementsbytagname/index.md

@@ -29,10 +29,10 @@ elements = element.getElementsByTagName(tagName)
 var table = document.getElementById("forecast-table");
 var cells = table.getElementsByTagName("td");
 for (var i = 0; i < cells.length; i++) {
-    var status = cells[i].getAttribute("data-status");
-    if ( status == "open" ) {
-        // grab the data
-    }
+  var status = cells[i].getAttribute("data-status");
+  if (status == "open") {
+    // grab the data
+  }
 }
 ```
 

files/ru/web/api/element/hasattribute/index.md

@@ -7,6 +7,7 @@ tags:
   - метод
 translation_of: Web/API/Element/hasAttribute
 ---
+
 {{APIRef("DOM")}}
 
 **`Element.hasAttribute()`** метод возвращает {{Glossary("Boolean")}} значение указывающее, имеет ли указанный элемент указанный атрибут или нет.

files/ru/web/api/element/hasattributes/index.md

@@ -22,17 +22,19 @@ var result = element.hasAttributes();
 ```js
 var foo = document.getElementById("foo");
 if (foo.hasAttributes()) {
-    // do something with 'foo.attributes'
+  // do something with 'foo.attributes'
 }
 ```
 
 ## Polyfill
 
 ```js
-;(function(prototype) {
-    prototype.hasAttributes = prototype.hasAttributes || function() {
-        return (this.attributes.length > 0);
-    }
+(function (prototype) {
+  prototype.hasAttributes =
+    prototype.hasAttributes ||
+    function () {
+      return this.attributes.length > 0;
+    };
 })(Element.prototype);
 ```
 

files/ru/web/api/element/id/index.md

@@ -9,6 +9,7 @@ tags:
   - Reference
 translation_of: Web/API/Element/id
 ---
+
 {{ ApiRef("DOM") }}Свойство **`id`** представляет идентификатор элемента, отражая глобальный атрибут **[id](/ru/docs/Web/HTML/Global_attributes/id)**.
 
 Если значение **`id`** не пустое, то оно должно быть уникально в документе.
@@ -31,13 +32,9 @@ _`idStr`_ - идентификатор элемента
 
 ## Спецификации
 
-| Спецификации                                                                     | Статус                           | Комментарий                                        |
-| -------------------------------------------------------------------------------- | -------------------------------- | -------------------------------------------------- |
-| {{SpecName('DOM WHATWG', '#dom-element-id', 'id')}}             | {{Spec2('DOM WHATWG')}} | Нет изменений от {{SpecName('DOM2 HTML')}}. |
-| {{SpecName('DOM2 HTML', 'html.html#ID-63534901', 'id')}}     | {{Spec2('DOM2 HTML')}}     | Нет отличий от {{SpecName('DOM1')}}.       |
-| {{SpecName('DOM1', 'level-one-html.html#ID-63534901', 'id')}} | {{Spec2('DOM1')}}         | Изначальное определение.                           |
+{{Specifications}}
 
-## Поддержка браузерами
+## Совместимость с браузерами
 
 {{Compat}}
 

files/ru/web/api/element/innerhtml/index.md

@@ -3,6 +3,7 @@ title: Element.innerHTML
 slug: Web/API/Element/innerHTML
 translation_of: Web/API/Element/innerHTML
 ---
+
 {{APIRef("DOM")}}
 
 Свойство интерфейса {{domxref("Element")}} **`innerHTML`** устанавливает или получает HTML или XML разметку дочерних элементов.
@@ -35,14 +36,16 @@ element.innerHTML = htmlString;
 Это свойство предоставляет простой способ полностью заменить содержимое элемента. Например, все содержимое элемента body может быть удалено:
 
 ```js
-document.body.innerHTML = "";  // Заменяет содержимое тела пустой строкой.
+document.body.innerHTML = ""; // Заменяет содержимое тела пустой строкой.
 ```
 
 Свойство innerHTML многих типов элементов, включая {{HTMLElement("body")}} или {{HTMLElement("html")}}, могут быть возвращены или перемещены. Это может так же быть использовано для просмотра кода страницы, которая была изменена динамически:
 
 ```js
 // Скопируйте и вставьте в адресную строку в виде одной строки.
-javascript:"<pre>"+document.documentElement.innerHTML.replace(/</g,"&lt;") + "</pre>";
+javascript: "<pre>" +
+  document.documentElement.innerHTML.replace(/</g, "&lt;") +
+  "</pre>";
 ```
 
 Это свойство было первоначально реализовано веб браузерами, затем описано WHATWG и W3C в HTML5. Старые реализации могут отличаться от новых. Для примера, когда введён текст в поле ввода \<input>, IE меняет значение атрибута \<input> свойства innerHTML, но браузеры Gecko не делают этого.
@@ -97,8 +100,14 @@ log("Регистрация событий мыши внутри этого ко
 
 ```js
 function logEvent(event) {
-  var msg = "Event <strong>" + event.type + "</strong> at <em>" +
-            event.clientX + ", " + event.clientY + "</em>";
+  var msg =
+    "Event <strong>" +
+    event.type +
+    "</strong> at <em>" +
+    event.clientX +
+    ", " +
+    event.clientY +
+    "</em>";
   log(msg);
 }
 ```

files/ru/web/api/element/insertadjacentelement/index.md

@@ -64,32 +64,30 @@ foo
 ## Примеры
 
 ```js
-beforeBtn.addEventListener('click', function() {
-  var tempDiv = document.createElement('div');
+beforeBtn.addEventListener("click", function () {
+  var tempDiv = document.createElement("div");
   tempDiv.style.backgroundColor = randomColor();
   if (activeElem) {
-    activeElem.insertAdjacentElement('beforebegin',tempDiv);
+    activeElem.insertAdjacentElement("beforebegin", tempDiv);
   }
   setListener(tempDiv);
 });
 
-afterBtn.addEventListener('click', function() {
-  var tempDiv = document.createElement('div');
+afterBtn.addEventListener("click", function () {
+  var tempDiv = document.createElement("div");
   tempDiv.style.backgroundColor = randomColor();
   if (activeElem) {
-    activeElem.insertAdjacentElement('afterend',tempDiv);
+    activeElem.insertAdjacentElement("afterend", tempDiv);
   }
   setListener(tempDiv);
 });
 ```
 
 Посмотрите наше демо [insertAdjacentElement.html](https://mdn.github.io/dom-examples/insert-adjacent/insertAdjacentElement.html) на Github (так же посмотрите [исходный код](https://github.com/mdn/dom-examples/blob/master/insert-adjacent/insertAdjacentElement.html)). В этом демо мы имеем последовательность {{htmlelement("div")}} элементов внутри контейнера. При выборе одного из них можно нажать кнопку _Insert before_ или _Insert after_ и добавить новые div до или после выбранного элемента используя метод `insertAdjacentElement()`.
 
-## Спецификация
+## Спецификации
 
-| Спецификация                                                                                                             | Статус                           | Комментарий |
-| ------------------------------------------------------------------------------------------------------------------------ | -------------------------------- | ----------- |
-| {{SpecName('DOM WHATWG', '#dom-element-insertadjacentelement', 'insertAdjacentElement()')}} | {{ Spec2('DOM WHATWG') }} |             |
+{{Specifications}}
 
 ## Совместимость с браузерами
 

files/ru/web/api/element/insertadjacenthtml/index.md

@@ -3,6 +3,7 @@ title: Element.insertAdjacentHTML()
 slug: Web/API/Element/insertAdjacentHTML
 translation_of: Web/API/Element/insertAdjacentHTML
 ---
+
 {{ApiRef("DOM")}}
 
 **`insertAdjacentHTML()`** разбирает указанный текст как HTML или XML и вставляет полученные узлы (nodes) в DOM дерево в указанную позицию. Данная функция не переписывает имеющиеся элементы, что предотвращает дополнительную сериализацию и поэтому работает быстрее, чем манипуляции с {{domxref("Element.innerHTML", "innerHTML")}}.
@@ -45,8 +46,8 @@ foo
 
 ```js
 // <div id="one">one</div>
-var d1 = document.getElementById('one');
-d1.insertAdjacentHTML('afterend', '<div id="two">two</div>');
+var d1 = document.getElementById("one");
+d1.insertAdjacentHTML("afterend", '<div id="two">two</div>');
 
 // At this point, the new structure is:
 // <div id="one">one</div><div id="two">two</div>

files/ru/web/api/element/insertadjacenttext/index.md

@@ -55,12 +55,12 @@ foo
 ## Пример
 
 ```js
-beforeBtn.addEventListener('click', function() {
-  para.insertAdjacentText('afterbegin',textInput.value);
+beforeBtn.addEventListener("click", function () {
+  para.insertAdjacentText("afterbegin", textInput.value);
 });
 
-afterBtn.addEventListener('click', function() {
-  para.insertAdjacentText('beforeend',textInput.value);
+afterBtn.addEventListener("click", function () {
+  para.insertAdjacentText("beforeend", textInput.value);
 });
 ```
 
@@ -72,21 +72,19 @@ afterBtn.addEventListener('click', function() {
 
 ```js
 if (!Element.prototype.insertAdjacentText)
-  Element.prototype.insertAdjacentText = function(type, txt){
+  Element.prototype.insertAdjacentText = function (type, txt) {
     this.insertAdjacentHTML(
       type,
-      (txt+'') // convert to string
-        .replace(/&/g, '&') // embed ampersand symbols
-        .replace(/</g, '&lt;') // embed greater than symbols
-    )
-  }
+      (txt + "") // convert to string
+        .replace(/&/g, "&amp;") // embed ampersand symbols
+        .replace(/</g, "&lt;"), // embed greater than symbols
+    );
+  };
 ```
 
-## Спецификация
+## Спецификации
 
-| Спецификация                                                                                                     | Статус                           | Комментарий |
-| ---------------------------------------------------------------------------------------------------------------- | -------------------------------- | ----------- |
-| {{SpecName('DOM WHATWG', '#dom-element-insertadjacenttext', 'insertAdjacentText()')}} | {{ Spec2('DOM WHATWG') }} |             |
+{{Specifications}}
 
 ## Совместимость с браузерами
 

files/ru/web/api/element/keydown_event/index.md

@@ -45,15 +45,15 @@ translation_of: Web/API/Element/keydown_event
 Этот пример отображает значение [`KeyboardEvent.code`](/ru/docs/Web/API/KeyboardEvent/code) всякий раз, когда вы нажимаете клавишу внутри [`<input>`](/ru/docs/Web/HTML/Element/input) элемента.
 
 ```html
-<input placeholder="Кликните здесь, затем нажмите клавишу." size="40">
+<input placeholder="Кликните здесь, затем нажмите клавишу." size="40" />
 <p id="log"></p>
 ```
 
 ```js
-const input = document.querySelector('input');
-const log = document.getElementById('log');
+const input = document.querySelector("input");
+const log = document.getElementById("log");
 
-input.addEventListener('keydown', logKey);
+input.addEventListener("keydown", logKey);
 
 function logKey(e) {
   log.textContent += ` ${e.code}`;

files/ru/web/api/element/keypress_event/index.md

@@ -4,6 +4,7 @@ slug: Web/API/Element/keypress_event
 translation_of: Web/API/Document/keypress_event
 original_slug: Web/API/Document/keypress_event
 ---
+
 Событие `keypress` происходит когда нажимается символьная клавиша, то есть клавиша которая создаёт символ. Пример таких клавиш это буквы, цифры, знаки пунктуации и т.д. Примеры клавиш которые не создают символы, это клавиши модификаторы, такие как: <kbd>Alt</kbd>, <kbd>Shift</kbd>, <kbd>Ctrl</kbd>, or <kbd>Meta</kbd>.
 
 ## Общая информация
@@ -240,7 +241,7 @@ Chrome не запускает событие `keypress` для известны
 
 ## Пример
 
-```js
+```html
 <!DOCTYPE html>
 <html>
 <head>

files/ru/web/api/element/keyup_event/index.md

@@ -41,15 +41,17 @@ translation_of: Web/API/Element/keyup_event
 Этот пример отображает значение {{domxref("KeyboardEvent.code")}} всякий раз, когда вы отпускаете клавишу внутри {{HtmlElement("input")}} элемента.
 
 ```html
-<input placeholder="Кликните здесь, затем нажмите и отпустите клавишу." size="40">
+<input
+  placeholder="Кликните здесь, затем нажмите и отпустите клавишу."
+  size="40" />
 <p id="log"></p>
 ```
 
 ```js
-const input = document.querySelector('input');
-const log = document.getElementById('log');
+const input = document.querySelector("input");
+const log = document.getElementById("log");
 
-input.addEventListener('keyup', logKey);
+input.addEventListener("keyup", logKey);
 
 function logKey(e) {
   log.textContent += ` ${e.code}`;

files/ru/web/api/element/matches/index.md

@@ -28,16 +28,14 @@ var result = element.matches(selectorString)
 <div class="someClass" id="two">Второй подопытный</div>
 
 <script type="text/javascript">
-
   var coll = document.querySelectorAll("div");
   for (var i = 0, len = coll.length; i < len; i++) {
     if (coll[i].matches(".someClass")) {
-      alert(coll[i].id+": Я выжил!");
-    }else{
+      alert(coll[i].id + ": Я выжил!");
+    } else {
       coll[i].remove();
     }
   }
-
 </script>
 ```
 
@@ -53,22 +51,31 @@ var result = element.matches(selectorString)
 Полифил будет работать только в браузерах, поддерживающих метод document.queryselectorAll.
 
 ```js
-;(function(e) {
-    var matches = e.matches || e.matchesSelector || e.webkitMatchesSelector || e.mozMatchesSelector || e.msMatchesSelector || e.oMatchesSelector;
-    !matches ? (e.matches = e.matchesSelector = function matches(selector) {
-        var matches = document.querySelectorAll(selector);
-        var th = this;
-        return Array.prototype.some.call(matches, function(e) {
+(function (e) {
+  var matches =
+    e.matches ||
+    e.matchesSelector ||
+    e.webkitMatchesSelector ||
+    e.mozMatchesSelector ||
+    e.msMatchesSelector ||
+    e.oMatchesSelector;
+  !matches
+    ? (e.matches = e.matchesSelector =
+        function matches(selector) {
+          var matches = document.querySelectorAll(selector);
+          var th = this;
+          return Array.prototype.some.call(matches, function (e) {
             return e === th;
-        });
-    }) : (e.matches = e.matchesSelector = matches);
+          });
+        })
+    : (e.matches = e.matchesSelector = matches);
 })(Element.prototype);
 ```
 
-## Спецификация
+## Спецификации
 
 {{Specifications}}
 
-## Поддержка браузерами
+## Совместимость с браузерами
 
 {{Compat}}