Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Как получить нужный кусок(DOM) страницы? (https://javascript.ru/forum/misc/61182-kak-poluchit-nuzhnyjj-kusok-dom-stranicy.html)

NoN 07.02.2016 21:06

Как получить нужный кусок(DOM) страницы?
 
Здравствуйте, пытаюсь сделать плагин для хрома и с js только знакомлюсь.
И вот столкнулся с проблемой что не могу получить нужный мне кусок со страницы, а именно мне нужно все что входит в класс "header-block__contain livetable__contain"
Пытался сделать так
var el = document.querySelector('header-block__contain livetable__contain');
alert(el);
Но в ответ получаю: null
Спасибо рони, Оказалось нужно было поставить точку перед название класса
var el = document.querySelector(".header-block__contain.livetable__contain");
alert(el.innerHTML);

рони 07.02.2016 21:10

Цитата:

Сообщение от NoN
все что входит в класс

Цитата:

Сообщение от NoN
getElementById

:blink:

NoN 07.02.2016 21:11

а если document.querySelector ?

рони 07.02.2016 21:13

NoN,
var el = document.querySelector(".header-block__contain.livetable__contain");

https://learn.javascript.ru/searching-elements-dom

NoN 07.02.2016 21:21

рони,
Спасибо, есть сдвиг, теперь получаю ответ:
[object HTMLDivElement]
а как можно получить именно HTML код?
UP
Решил эту проблему
var el = document.querySelector(".header-block__contain.livetable__contain");
alert(el.innerHTML);

Можете дать ссылочку на статью или коротко объяснить что дает точка перед названием?

NoN 07.02.2016 21:25

Цитата:

Сообщение от рони (Сообщение 406752)
NoN,
var el = document.querySelector(".header-block__contain.livetable__contain");

https://learn.javascript.ru/searching-elements-dom

Обидно что читал эту статью перед созданием темы но без точни в начале названия класса ничего не менялось.

рони 07.02.2016 21:34

Цитата:

Сообщение от NoN
что дает точка перед названием?

обращение к свойству обьекта другая запись тоже самое через квадратные скобки и кавычки
el.innerHTML == el["innerHTML"]

NoN 07.02.2016 21:40

Цитата:

Сообщение от рони (Сообщение 406755)
обращение к свойству обьекта другая запись тоже самое через квадратные скобки и кавычки
el.innerHTML == el["innerHTML"]

Я имел ввиду точка в названии класса)
document.querySelector(".header-block__contain.livetable__contain");

рони 07.02.2016 21:50

NoN,
точка значит класс - после точки название класса
http://www.w3.org/TR/css3-selectors/#class-html

NoN 07.02.2016 22:19

Большое спасибо. А можно ли обратится именно к нужному классу если название класса не уникальное?


Часовой пояс GMT +3, время: 05:37.