Как обраться к class или id через javascript?

@jensen Чтобы обратиться к элементу по классу или id Вы можете использовать document.querySelector() или document.querySelectorAll() в зависимости если нужно получить первый или все элементы с заданным классом в javascript:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

// По классу получить элемент
const element = document.querySelector(".class_name");

// Можно также используя данную функцию
document.getElementsByClassName("class_name");

// Получить элемент по id
const elementById = document.querySelector("#id_name");

// Или по Id можно также вот так
document.getElementById("id_name");

Вы можете также использовать jQuery, чтобы получить элементы:

1
2

const element = $(".class_name");
const idElement = $("#id");

@jensen 

Чтобы получить доступ к элементу с определенным class или id через JavaScript, вы можете использовать следующие методы:

• Для получения элемента с определенным id, используйте document.getElementById:

1

let element = document.getElementById("id_name");

• Для получения элемента с определенным class, используйте document.getElementsByClassName:

1

let elements = document.getElementsByClassName("class_name");

Обратите внимание, что getElementsByClassName возвращает коллекцию элементов, а не один элемент, поэтому вам нужно будет индексировать результат, чтобы получить отдельный элемент:

1

let element = elements[0];

Также вы можете использовать document.querySelector и document.querySelectorAll для получения элемента или коллекции элементов с помощью CSS-селектора:

1
2

let element = document.querySelector("#id_name");
let elements = document.querySelectorAll(".class_name");

Например, чтобы получить элемент с id "main", используйте:

1

let element = document.querySelector("#main");

Или чтобы пол