String в dom, как?

Question

[Nikita Permin]

Здравствуйте. Имеется HTML страничку в виде строки, полученная при помощи XMLHttpRequest'a. Каким образом мне добиться того, чтобы работало myStr.getElementById('')…? а точнее к чему правильно её преобразовать чтобы работал данный метод?



p.s. первая попытка сделать гаджет для Win7. Сниппет с developer.mozilla.org/En/Code_snippets:HTML_to_DOM не работает. в HTMLParser не находится метод .createDocument,

Answer 1

[Nesvet]

Можно так же воспользоваться iframe, чтобы отделить DOM-деревья и исключить совпадение id. Вот, для примера, накидал функцию:

function subDocument(string) {
    var iframe = document.createElement("iframe");
    iframe.style.display = "none";
    document.body.appendChild(iframe);
    iframe.contentDocument.body.innerHTML = string;
    return iframe.contentDocument
};

Потом так:

var newDocument = subDocument(myStr);
newDocument.getElementById("...");

Comments

[Nikita Permin]

Уже лучше чем обычный div, благодарю за помощь!

[Nikita Permin]

Но к сожалению плюсануть Вам нет никакой возможности… Уж извините меня =(

[Nesvet]

Велкам :-) Не забывайте удалять iframe'ы, которые уже не нужны, чтобы не копились ;-)

[Nikita Permin]

А мы и не будем их создавать динамически) статически в ХТМЛ-код добавлю 1 ифрейм с нужными параметрами и всё будет ок. =)

[Nesvet]

Ок, тогда я спокоен :-))

Answer 2

[Nesvet]

Нужно поместить эту строку через innerHTML в какой-нибудь элемент (можно с display: none). Например:

​document.getElementById("hidden-div").innerHTML = myStr;

После этого document.getElementById("...") будет находить элементы из myStr.

Comments

[Сергей Протько]

Достаточно создать див и поместить в него ваш HTML. Насколько я помню наличие эллемента в древе не столь необходимо.

[Nikita Permin]

Благодарю за помощь! Вариант с невидимым DIV`ом конечно же не самый лучший, т.к. мне очень не хочется влиять на текущее дерево, потому как в нем уже могут быть элементы с теми же id… Но всё же это лучше чем ничего.

[Nesvet]

Без помещения элемента в DOM он не будет доступен по document.getElementById("...") и $("#..."). Добавил вам ещё решение (см. ниже).

Answer 3

[Anton Bobylev]

Если хочется совсем уж разделить сущности можно еще вот так: jsfiddle.net/75bwJ/

Comments

[Anton Bobylev]

хотя если createDocument не находится, видимо придется через добавление в контейнер с display:none.