typo
This commit is contained in:
parent
628853a946
commit
631be9c6ad
2 changed files with 7 additions and 9 deletions
|
@ -4,7 +4,7 @@
|
||||||
//+ run
|
//+ run
|
||||||
function User() {
|
function User() {
|
||||||
|
|
||||||
var firstName, surName;
|
var firstName, surname;
|
||||||
|
|
||||||
this.setFirstName = function(newFirstName) {
|
this.setFirstName = function(newFirstName) {
|
||||||
firstName = newFirstName;
|
firstName = newFirstName;
|
||||||
|
|
|
@ -159,9 +159,7 @@ document.getElementsByTagName('input')[0].value = 5;
|
||||||
var elems = document.getElementsByName('age');
|
var elems = document.getElementsByName('age');
|
||||||
```
|
```
|
||||||
|
|
||||||
До появления стандарта HTML5 этот метод возвращал только те элементы, в которых предусмотрена поддержка атрибута `name`, в частности: `iframe`, `a`, `input` и другими.
|
До появления стандарта HTML5 этот метод возвращал только те элементы, в которых предусмотрена поддержка атрибута `name`, в частности: `iframe`, `a`, `input` и другими. В современных браузерах (IE10+) тег не имеет значения.
|
||||||
|
|
||||||
В современных браузерах (IE10+) тег не имеет значения.
|
|
||||||
|
|
||||||
Используется этот метод весьма редко.
|
Используется этот метод весьма редко.
|
||||||
|
|
||||||
|
@ -195,7 +193,7 @@ var elems = document.getElementsByName('age');
|
||||||
|
|
||||||
Он есть во всех современных браузерах, включая IE8+ (в режиме соответствия стандарту).
|
Он есть во всех современных браузерах, включая IE8+ (в режиме соответствия стандарту).
|
||||||
|
|
||||||
Следующий запрос получает все элементы `LI`, которые являются последними потомками своих `UL`:
|
Следующий запрос получает все элементы `LI`, которые являются последними потомками в `UL`:
|
||||||
|
|
||||||
```html
|
```html
|
||||||
<!--+ run -->
|
<!--+ run -->
|
||||||
|
@ -220,7 +218,7 @@ var elems = document.getElementsByName('age');
|
||||||
|
|
||||||
## querySelector [#querySelector]
|
## querySelector [#querySelector]
|
||||||
|
|
||||||
Вызов `elem.querySelector(css)` возвращает первый элемент, соответствующий CSS-селектору `css`.
|
Вызов `elem.querySelector(css)` возвращает не все, а только первый элемент, соответствующий CSS-селектору `css`.
|
||||||
|
|
||||||
Иначе говоря, результат -- такой же, как и при `elem.querySelectorAll(css)[0]`, но в последнем вызове сначала ищутся все элементы, а потом берётся первый, а в `elem.querySelector(css)` ищется только первый, то есть он эффективнее.
|
Иначе говоря, результат -- такой же, как и при `elem.querySelectorAll(css)[0]`, но в последнем вызове сначала ищутся все элементы, а потом берётся первый, а в `elem.querySelector(css)` ищется только первый, то есть он эффективнее.
|
||||||
|
|
||||||
|
@ -232,7 +230,7 @@ var elems = document.getElementsByName('age');
|
||||||
|
|
||||||
Не поддерживается в IE8-.
|
Не поддерживается в IE8-.
|
||||||
|
|
||||||
Этот метод бывает полезным, когда мы перебираем элементы по обычным DOM-ссылкам и пытаемся отфильтровать те из них, которые нам интересны.
|
Этот метод бывает полезным, когда мы перебираем элементы (в массиве или по обычным навигационным ссылкам) и пытаемся отфильтровать те из них, которые нам интересны.
|
||||||
|
|
||||||
Ранее в спецификации он назывался `matchesSelector`, и большинство браузеров поддерживают его под этим старым именем, либо с префиксами `ms/moz/webkit`.
|
Ранее в спецификации он назывался `matchesSelector`, и большинство браузеров поддерживают его под этим старым именем, либо с префиксами `ms/moz/webkit`.
|
||||||
|
|
||||||
|
@ -260,9 +258,9 @@ var elems = document.getElementsByName('age');
|
||||||
|
|
||||||
Метод `elem.closest(css)` ищет ближайший элемент выше по иерархии DOM, подходящий под CSS-селектор `css`. Сам элемент тоже включается в поиск.
|
Метод `elem.closest(css)` ищет ближайший элемент выше по иерархии DOM, подходящий под CSS-селектор `css`. Сам элемент тоже включается в поиск.
|
||||||
|
|
||||||
Иначе говоря, метод `closest` бежит от текущего элемента вверх по цепочке родителей и проверяет, подходит ли каждый элемент под CSS-селектор. Если подходит -- останавливается и возвращает его.
|
Иначе говоря, метод `closest` бежит от текущего элемента вверх по цепочке родителей и проверяет, подходит ли элемент под указанный CSS-селектор. Если подходит -- останавливается и возвращает его.
|
||||||
|
|
||||||
Он самый новый из методов, рассмотренных в этой главе, поэтому не все браузеры его поддерживают. Это, конечно, легко поправимо, как мы увидим позже в главе [](/dom-polyfill).
|
Он самый новый из методов, рассмотренных в этой главе, поэтому старые браузеры его слабо поддерживают. Это, конечно, легко поправимо, как мы увидим позже в главе [](/dom-polyfill).
|
||||||
|
|
||||||
Пример использования (браузер должен поддерживать `closest`):
|
Пример использования (браузер должен поддерживать `closest`):
|
||||||
|
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue