diff --git a/1-js/8-oop/3-getters-setters/1-object-with-getters-setters/solution.md b/1-js/8-oop/3-getters-setters/1-object-with-getters-setters/solution.md index 31f95871..bb0bb14d 100644 --- a/1-js/8-oop/3-getters-setters/1-object-with-getters-setters/solution.md +++ b/1-js/8-oop/3-getters-setters/1-object-with-getters-setters/solution.md @@ -4,7 +4,7 @@ //+ run function User() { - var firstName, surName; + var firstName, surname; this.setFirstName = function(newFirstName) { firstName = newFirstName; diff --git a/2-ui/1-document/5-searching-elements-dom/article.md b/2-ui/1-document/5-searching-elements-dom/article.md index 35815c36..d9faf1d1 100644 --- a/2-ui/1-document/5-searching-elements-dom/article.md +++ b/2-ui/1-document/5-searching-elements-dom/article.md @@ -159,9 +159,7 @@ document.getElementsByTagName('input')[0].value = 5; var elems = document.getElementsByName('age'); ``` -До появления стандарта HTML5 этот метод возвращал только те элементы, в которых предусмотрена поддержка атрибута `name`, в частности: `iframe`, `a`, `input` и другими. - -В современных браузерах (IE10+) тег не имеет значения. +До появления стандарта HTML5 этот метод возвращал только те элементы, в которых предусмотрена поддержка атрибута `name`, в частности: `iframe`, `a`, `input` и другими. В современных браузерах (IE10+) тег не имеет значения. Используется этот метод весьма редко. @@ -195,7 +193,7 @@ var elems = document.getElementsByName('age'); Он есть во всех современных браузерах, включая IE8+ (в режиме соответствия стандарту). -Следующий запрос получает все элементы `LI`, которые являются последними потомками своих `UL`: +Следующий запрос получает все элементы `LI`, которые являются последними потомками в `UL`: ```html @@ -220,7 +218,7 @@ var elems = document.getElementsByName('age'); ## querySelector [#querySelector] -Вызов `elem.querySelector(css)` возвращает первый элемент, соответствующий CSS-селектору `css`. +Вызов `elem.querySelector(css)` возвращает не все, а только первый элемент, соответствующий CSS-селектору `css`. Иначе говоря, результат -- такой же, как и при `elem.querySelectorAll(css)[0]`, но в последнем вызове сначала ищутся все элементы, а потом берётся первый, а в `elem.querySelector(css)` ищется только первый, то есть он эффективнее. @@ -232,7 +230,7 @@ var elems = document.getElementsByName('age'); Не поддерживается в IE8-. -Этот метод бывает полезным, когда мы перебираем элементы по обычным DOM-ссылкам и пытаемся отфильтровать те из них, которые нам интересны. +Этот метод бывает полезным, когда мы перебираем элементы (в массиве или по обычным навигационным ссылкам) и пытаемся отфильтровать те из них, которые нам интересны. Ранее в спецификации он назывался `matchesSelector`, и большинство браузеров поддерживают его под этим старым именем, либо с префиксами `ms/moz/webkit`. @@ -260,9 +258,9 @@ var elems = document.getElementsByName('age'); Метод `elem.closest(css)` ищет ближайший элемент выше по иерархии DOM, подходящий под CSS-селектор `css`. Сам элемент тоже включается в поиск. -Иначе говоря, метод `closest` бежит от текущего элемента вверх по цепочке родителей и проверяет, подходит ли каждый элемент под CSS-селектор. Если подходит -- останавливается и возвращает его. +Иначе говоря, метод `closest` бежит от текущего элемента вверх по цепочке родителей и проверяет, подходит ли элемент под указанный CSS-селектор. Если подходит -- останавливается и возвращает его. -Он самый новый из методов, рассмотренных в этой главе, поэтому не все браузеры его поддерживают. Это, конечно, легко поправимо, как мы увидим позже в главе [](/dom-polyfill). +Он самый новый из методов, рассмотренных в этой главе, поэтому старые браузеры его слабо поддерживают. Это, конечно, легко поправимо, как мы увидим позже в главе [](/dom-polyfill). Пример использования (браузер должен поддерживать `closest`):