Есть ли аналог jquery .load с загрузкой элемента dom?

Question

[Nik1712]

Знаю, что на jquery делается так $("#elem").load('/login #login-form');

на чистом js как понимаю примерно так, но как загрузить не всю страницу, а ее фрагмент по id?

function load(target, url) {
var r = new XMLHttpRequest();
r.open("GET", url, true);
r.onreadystatechange = function () {
if (r.readyState != 4 || r.status != 200) return;
target.innerHTML = r.responseText;
};
r.send();
}

load(document.getElementById('elem'), '/login');

Answer 1

[vkdv]

Можно создать "виртальный" dom element из Респонса и оттуда выдернуть то что нужно, типа

var virtualDomElement = document. createElement('div'); // или var virtualDomElement = document.createDocumentFragment();
virtualDomElement.innerHTML = r.responseText;
target.appendChild(virtualDomElement.getElementById('login-form'));

Comments

[vkdv]

и потом конечно удалить виртуальный элемент

[Nik1712]

vkdv: насколько я понял, у DocumentFragment нет обычных свойств DOM-узлов, таких как innerHTML
Но решение нашлось такое
function fragmentFromString(strHTML) {
return document.createRange().createContextualFragment(strHTML);
}
var login = fragmentFromString(resp).getElementById('login-form');
document.getElementById('elem').appendChild( login );