Как извлечь содержимое div-ов из переменной на JavaScript?

Question

[smart_alex]

В переменную tmp попадает содержимое файла common.htm, вопрос: как вытащить из tmp содержимое div-ов

.header
.menu
.footer

и отобразить на веб-странице? Три заготовки есть, вопрос как извлечь содержимое div-ов из tmp на чистом JavaScript.

var xhr = new XMLHttpRequest();
xhr.open('GET', 'common.htm', true);
xhr.onreadystatechange = function() {
if (this.readyState !== 4) return;
if (this.status !== 200) return;

var tmp = this.responseText;

document.getElementById('header-place').innerHTML = tmp; // ?
document.getElementById('menu-place').innerHTML = tmp; // ?
document.getElementById('footer-place').innerHTML = tmp; // ?
};
xhr.send();

Answer 1

[Илья Шатохин]

И так для всех нужных вам элементов.

var htm = document.createElement("html");
htm.innerHTML = tmp;
document.getElementById('header-place').innerHTML = htm.getElementsByClassName("header")[0].innerHTML;

Comments

[smart_alex]

Не работает. Как только появляется строка

var htm = document.createElement();

перестаёт работать даже мой вариант.

[Илья Шатохин]

smart_alex: я подправил.

[smart_alex]

Сработал такой вариант:

var htm = document.createElement("html");
htm.innerHTML = tmp;
document.getElementById('header-place').innerHTML = htm.getElementsByClassName("header")[0].innerHTML;
document.getElementById('menu-place').innerHTML = htm.getElementsByClassName("menu")[0].innerHTML;
document.getElementById('footer-place').innerHTML = htm.getElementsByClassName("footer")[0].innerHTML;

Не tmp, а htm

htm.getElementsByClassName

и три раза не всё, а только последняя строчка.

Спасибо за помощь.

[Илья Шатохин]

smart_alex: да, я опять опечатался. И про все элементы я имел ввиду именно последнюю строчку :)