Attributes and properties - translate review fixes

rkonkin · rkonkin · commit 59d60c086e5f · 2019-05-25T13:48:26.000+03:00
diff --git a/2-ui/1-document/06-dom-attributes-and-properties/article.md b/2-ui/1-document/06-dom-attributes-and-properties/article.md
@@ -1,10 +1,10 @@
 # Атрибуты и свойства
 
-Когда браузер загружает страницу, он "читает" (другими словами: "парсит") HTML и генерирует из него DOM-объекты. Для элементов-узлов большинство стандартных HTML-атрибутов автоматически становятся свойствами DOM-объектов.
+Когда браузер загружает страницу, он "читает" (также говорят: "парсит") HTML и генерирует из него DOM-объекты. Для узлов-элементов большинство стандартных HTML-атрибутов автоматически становятся свойствами DOM-объектов.
 
 Например, для такого тега `<body id="page">` у DOM-объекта будет такое свойство `body.id="page"`.
 
-Но преобразование атрибута в свойство не происходит один в один! В этой главе мы уделим внимание различию этих двух понятий, чтобы посмотреть, как работать с ними, когда они одинаковые, а когда разные.
+Но преобразование атрибута в свойство происходит не один-в-один! В этой главе мы уделим внимание различию этих двух понятий, чтобы посмотреть, как работать с ними, когда они одинаковые, а когда разные.
 
 ## DOM-свойства
 
@@ -33,7 +33,7 @@ document.body.sayTagName = function() {
 document.body.sayTagName(); // BODY (значением "this" в этом методе будет document.body)
 ```
 
-Также можно изменить встроенные прототипы, такие как `Element.prototype`, а также добавить новые методы ко всем элементам:
+Также можно изменять встроенные прототипы, такие как `Element.prototype` и добавлять новые методы ко всем элементам:
 
 ```js run
 Element.prototype.sayHi = function() {
@@ -83,7 +83,7 @@ document.body.sayHi(); // Hello, I'm BODY
 </body>
 ```
 
-Таким образом, для нестандартных атрибутов не может быть соответствующих DOM-свойств. Есть ли способ получить такие атрибуты?
+Таким образом, для нестандартных атрибутов не будет соответствующих DOM-свойств. Есть ли способ получить такие атрибуты?
 
 Конечно. Все атрибуты доступны с помощью следующих методов:
 
@@ -135,7 +135,7 @@ document.body.sayHi(); // Hello, I'm BODY
 
 Пожалуйста, обратите внимание:
 
-1. `getAttribute('About')` -- в методе первая буква заглавная, а в HTML -- строчная. Но это неважно: имена атрибутов регистронезависимы.
+1. `getAttribute('About')` -- здесь первая буква заглавная, а в HTML -- строчная. Но это не важно: имена атрибутов регистронезависимы.
 2. Мы можем присвоить что угодно атрибуту, но это станет строкой. Поэтому в этой строчке мы получаем значение `"123"`.
 3. Все атрибуты, в том числе те, которые мы установили, видны в `outerHTML`.
 4. Коллекция `attributes` является итерируемой. В ней есть все элементы атрибута (стандартные и нестандартные) в виде объектов со свойствами `name` и `value`.
@@ -186,7 +186,7 @@ document.body.sayHi(); // Hello, I'm BODY
 - Изменение атрибута `value` обновило свойство.
 - Но изменение свойства не повлияло на атрибут.
 
-На самом деле эта "особенность" может пригодиться, потому что пользователь может изменять `value`, и если после этого мы захотим восстановить "оригинальное" значение из HTML, оно будет в атрибуте.
+На самом деле эта "особенность" может пригодиться, потому что действия пользователя могут приводить к изменениям `value`, и если после этого мы захотим восстановить "оригинальное" значение из HTML, оно будет в атрибуте.
 
 ## DOM-свойства типизированы
 
@@ -216,9 +216,10 @@ DOM-свойства не всегда являются строками. Нап
 </script>
 ```
 
-Это важное отличие. Но даже если DOM-свойство является строкой, оно может отличаться от атрибута!
+Хотя большинство свойств, всё же, строки.
+При этом некоторые из них, хоть и строки, могут отличаться от атрибутов.
 
-Например, DOM-свойство `href` всегда *полный* URL, даже если атрибут содержит относительный URL или просто `#hash`.
+Например, DOM-свойство `href` всегда содержит *полный* URL, даже если атрибут содержит относительный URL или просто `#hash`.
 
 Ниже пример:
 
@@ -265,7 +266,7 @@ DOM-свойства не всегда являются строками. Нап
 </script>
 ```
 
-Также, они могут быть использованы, чтобы стилизовать элементы.
+Также они могут быть использованы, чтобы стилизовать элементы.
 
 Например, здесь для состояния заказа используется атрибут `order-state`:
 
@@ -309,7 +310,7 @@ div.setAttribute('order-state', 'canceled');
 
 Но с пользовательскими атрибутами могут возникнуть проблемы. Что если мы используем нестандартный атрибут для наших целей, а позже он появится в стандарте и будет выполнять какую-то функцию? Язык HTML живой, он растёт, появляется больше атрибутов, чтобы удовлетворить потребности разработчиков. В этом случае могут возникнуть неожиданные эффекты.
 
-Чтобы избежать конфликтов, существуют атрибуты [data-*](https://html.spec.whatwg.org/#embedding-custom-non-visible-data-with-the-data-*-attributes).
+Чтобы избежать конфликтов, существуют атрибуты вида [data-*](https://html.spec.whatwg.org/#embedding-custom-non-visible-data-with-the-data-*-attributes).
 
 **Все атрибуты, начинающиеся с префикса "data-", зарезервированы для использования программистами. Они доступны в свойстве `dataset`.**
 
@@ -380,7 +381,7 @@ div.setAttribute('order-state', 'canceled');
 - `elem.removeAttribute(name)` -- удалить атрибут.
 - `elem.attributes` -- это коллекция всех атрибутов.
 
-В большинстве случаев DOM-свойства окажутся очень полезными. Нужно использовать атрибуты только тогда, когда DOM-свойства не подходят нам, когда нужны именно атрибуты, например:
+В большинстве ситуаций предпочтительнее использовать DOM-свойства. Нужно использовать атрибуты только тогда, когда DOM-свойства не подходят, когда нужны именно атрибуты, например:
 
 - Нужен нестандартный атрибут. Но если он начинается с `data-`, тогда нужно использовать `dataset`.
 - Мы хотим получить именно то значение, которое написано в HTML. Значение DOM-свойства может быть другим, например, свойство `href` -- всегда полный URL, а нам может понадобиться получить "оригинальное" значение.
