Добро пожаловать в форум, Guest  >>   Войти | Регистрация | Поиск | Правила | В избранное | Подписаться
Все форумы / HTML, JavaScript, VBScript, CSS Новый топик    Ответить
 Прокрутка страницы до элемента с нужным классом  [new]
it-sphere
Member

Откуда:
Сообщений: 92
Добрый день!
На странице есть элемент содержащий класс mu_class. Заранее известно, что элемент на странице может быть только один и он не имеет id
Нужно при загрузке страницы прокрутить ее до элемента содержащего класс mu_class.
Я могу найти элемент и посмотреть его атрибуты в консоли
var test=document.getElementsByClassName("mu_class");
console.log(test);

Дальше тупик. Я вижу в консоли атрибуты псевдомассива, но вывести, один из них, в переменную я не могу.

вот пример обращения к одному элементу из массива
var art=document.getElementsByClassName('art');
console.log(art);
console.log(art[0]);

Но к сожалению он у меня не работает, спотыкается на 3 строке.
Просьба не отсылать к мануалам, а показать код или указать на ошибку.
31 янв 19, 16:57    [21798994]     Ответить | Цитировать Сообщить модератору
 Re: Прокрутка страницы до элемента с нужным классом  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 15464
it-sphere
Но к сожалению он у меня не работает, спотыкается на 3 строке.
что значит спотыкается?
31 янв 19, 17:14    [21799011]     Ответить | Цитировать Сообщить модератору
 Re: Прокрутка страницы до элемента с нужным классом  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 15464
it-sphere,

var test=document.querySelector(".mu_class");

https://learn.javascript.ru/searching-elements-dom#querySelector
31 янв 19, 17:16    [21799015]     Ответить | Цитировать Сообщить модератору
 Re: Прокрутка страницы до элемента с нужным классом  [new]
it-sphere
Member

Откуда:
Сообщений: 92
вадя, на 3 строке пишет undefined
см скриншот

К сообщению приложен файл. Размер - 5Kb
31 янв 19, 17:34    [21799028]     Ответить | Цитировать Сообщить модератору
 Re: Прокрутка страницы до элемента с нужным классом  [new]
it-sphere
Member

Откуда:
Сообщений: 92
вадя,
var test=document.querySelector(".mu_class");
в консоле пишет null
31 янв 19, 17:37    [21799033]     Ответить | Цитировать Сообщить модератору
 Re: Прокрутка страницы до элемента с нужным классом  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 15464
it-sphere,

console.log(test)
31 янв 19, 17:48    [21799053]     Ответить | Цитировать Сообщить модератору
 Re: Прокрутка страницы до элемента с нужным классом  [new]
it-sphere
Member

Откуда:
Сообщений: 92
вадя, console.log(test) работает.
Как достучаться до атрибута и вывести его в переменную?
31 янв 19, 17:58    [21799061]     Ответить | Цитировать Сообщить модератору
 Re: Прокрутка страницы до элемента с нужным классом  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 15464
it-sphere,
https://learn.javascript.ru/attributes-and-custom-properties#atributy
31 янв 19, 19:41    [21799132]     Ответить | Цитировать Сообщить модератору
 Re: Прокрутка страницы до элемента с нужным классом  [new]
it-sphere
Member

Откуда:
Сообщений: 92
вадя, мне нужно обратиться к элементу по его имени.
Нужно получить значение offsetTop, а не весь массив.
2 фев 19, 06:34    [21800297]     Ответить | Цитировать Сообщить модератору
 Re: Прокрутка страницы до элемента с нужным классом  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 15464
it-sphere,

var test=document.querySelector(".mu_class").offsetTop;
2 фев 19, 11:26    [21800347]     Ответить | Цитировать Сообщить модератору
Все форумы / HTML, JavaScript, VBScript, CSS Ответить