Как обратиться к элементу в javascript?

Пользователь

от hobart.rath , в категории: JavaScript , 9 месяцев назад

Как обратиться к элементу в javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от nicolette.stoltenberg , 9 месяцев назад

@hobart.rath 

В JavaScript существуют различные способы обратиться к элементам на веб-странице. Один из них - использование методов DOM (объектной модели документа). Вот несколько примеров:

  1. По идентификатору элемента:
1
var element = document.getElementById("идентификатор");


  1. По имени класса элемента:
1
var elements = document.getElementsByClassName("имя_класса");


  1. По имени тега элемента:
1
var elements = document.getElementsByTagName("имя_тега");


  1. По CSS-селектору элемента:
1
2
var element = document.querySelector("селектор");
var elements = document.querySelectorAll("селектор");


  1. По пути к элементу в дереве DOM:
1
var element = document.querySelector("путь");


  1. Используя свойства элементов:
1
2
var parentElement = document.getElementById("родительский_элемент");
var element = parentElement.children[индекс];


После получения ссылки на элемент, вы можете использовать его для выполнения различных действий или изменения его содержимого, стилей и т.д.

Пользователь

от kurt , 7 дней назад

@hobart.rath 

Дополнительный пример - обращение к элементу по его CSS классу:

1
var element = document.querySelector(".имя_класса");


По этому примеру будет получен первый элемент на странице, у которого указанный CSS класс.