JS cheat cheet

01 Октября 2019 19:19 (Редактировано: 02 Октября 2019 00:07)

Document Methods

querySelector

Возвращает первый элемент документа соответствующий селектору.

Параметры:

  • selector - селектор для поиска

Пример:

<div class="some-class"></div>
var test = document.querySelectorAll(".some-class");
console.log(test);

Результат:

<div class="some-class"></div>

querySelectorAll

Возвращает список узлов, содержащий все найденные элементы селектора.

Параметры:

  • selector - селектор для поиска

Пример:

<div class="some-class-wrap">
    <div class="some-class"></div>
    <div class="some-class"></div>
    <div class="some-class"></div>
    <div class="some-class"></div>
</div>
var test = document.querySelectorAll(".some-class");
console.log(test);

Результат:

NodeList(4) [div.some-class, div.some-class, div.some-class, div.some-class]
0: div.some-class
1: div.some-class
2: div.some-class
3: div.some-class
length: 4
__proto__: NodeList

createAttribute()

createElement()

getElementById()

getElementsByTagName()

getElementsByName()