typo
This commit is contained in:
parent
628853a946
commit
631be9c6ad
2 changed files with 7 additions and 9 deletions
|
@ -4,7 +4,7 @@
|
|||
//+ run
|
||||
function User() {
|
||||
|
||||
var firstName, surName;
|
||||
var firstName, surname;
|
||||
|
||||
this.setFirstName = function(newFirstName) {
|
||||
firstName = newFirstName;
|
||||
|
|
|
@ -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
|
||||
<!--+ run -->
|
||||
|
@ -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`):
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue