Как получить нужный кусок(DOM) страницы?

[NoN]

Здравствуйте, пытаюсь сделать плагин для хрома и с 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);

[рони]

все что входит в класс

getElementById

[NoN]

а если document.querySelector ?

[рони]

NoN,

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

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

[NoN]

рони,
Спасибо, есть сдвиг, теперь получаю ответ:
[object HTMLDivElement]
а как можно получить именно HTML код?
UP
Решил эту проблему

var el = document.querySelector(".header-block__contain.livetable__contain");
alert(el.innerHTML);

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

[NoN]

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

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

[рони]

что дает точка перед названием?

обращение к свойству обьекта другая запись тоже самое через квадратные скобки и кавычки

el.innerHTML == el["innerHTML"]

[NoN]

el.innerHTML == el["innerHTML"]

Я имел ввиду точка в названии класса)

document.querySelector(".header-block__contain.livetable__contain");

[рони]

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

[NoN]

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