childNodes sample 1
<body>
Hello, students!
<div class="container" title="Контейнер">
<a class="paragraph" href="https://translate.google.com/" title="Перевод">Translator
</a>
<img src="http://www.abc.net.au/news/image/9154542-1x1-940x940.jpg" width="200" id="picture" class="galleryPicture">
</div>
<h1 class="header">Welcome!</h1>
<p class="paragraph">You study JS</p>
</body>Выведем в консоль все дочерние узлы document.body
document.body.childNodesРезультат:
▼ NodeList(7) [text, div.container, text, h1.header, text, p.paragraph, text]
0: text
► 1: div.container
► 2: text
► 3: h1.header
► 4: text
► 5: p.paragraph
► 6: text
length: 7
► __proto__: NodeListОбратите внимание, что все переводы строк ( и пустые строки ) рассматриваются как тестовые узлы документа
Теперь выведем в консоль все дочерние узлы первого элемента с атрибутом title
document.querySelector ( '[ title ]' ).childNodesРезультат:
▼ NodeList(5) [text, a.paragraph, text, img#picture.galleryPicture, text]
0: text
► 1: a.paragraph
► 2: text
► 3: img#picture.galleryPicture
► 4: text
length: 5
► __proto__: NodeList
© Irina H.Fylyppova 2018
Использование данных материалов или любой их части коммерческими школами ( курсами ) является нарушением авторских прав
| 1 | 2 | 3 | 4 | 5 |
| 6 | 7 | 8 | 9 | 10 |
| 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 |
| ⏬ |
|---|
- Блок-схема алгоритма
- Developer Tools
- Chrome DevTools
- Переменные
- Оператор typeof
- Структуры данных
- Операторы присваивания
- Логические выражения
- Условные операторы
- Инкремент
- Свойство length
- Оператор цикла for
- UTF-8
Homework
- Приведение типов
- NaN | null | Infinity
- BigInt (ES10)
- Функции
- Методы
- Методы строк
- Методы массивов
- Date ()
- Самостоятельная работа
- Практика (XSS)
- Homework
- Циклы while и do...while
- Циклы for...of и for...in
- Параметры по умолчанию
- Объект function
- Практика
- Homework
- Нативные и host-объекты
- Литерал объекта
- Унаследованные свойства
- Конструктор
- Модель наследования
- Публичные и приватные свойства
- Оператор in
1- Homework
- Итерирующие методы массивов
- Тестирование производительности
- SHA
- Homework
- Размеры и прокрутка элемента
- Event Loop
- async | await
- API
- REST | HATEOAS
- status codes
- JSON placeholder
-
JSON server
- fake chat
- Homework
- strict mode
- Вычисляемые имена свойств
- Краткий синтаксис методов
- Краткий литерал объекта
- Классы
- Homework
- :not(:defined)
- Shadow DOM
- Custom elements
- Lifecycle hooks
- whenDefined
- <template>
- slot
- 1
- 2
- 3
- Homework
- npm
- webpack
- Упражнение 1
- ES6 модули
- Упражнение 2
- --mode | --watch
- Упражнение 3
- Упражнение 4
- Упражнение 5
- Упражнение 6
- Упражнение 7
- Упражнение 8
- Homework
| ⏫ |
|---|
Дополнительно
Справочная инфо
Git Bush
TCP/IP
Коды символов