Как со строкой, содержащей HTML код, работать как с HTML?

Question

[JackShcherbakov]

Здравствуйте! Я достаю из localStorage HTML. он выглядит вот так:

<h1 id="projectName">2</h1>
		<table id="output"><colgroup><col><col></colgroup><tr><td>2</td><td>2</td></tr><tr><td>2</td><td>2</td></tr></table>

При нажатии на определённую кнопку я делаю вот это:

if(e.target.className == "loadButton"){
			let localStorageHTML =  localStorage.getItem(e.target.previousElementSibling.children[0].textContent);
	document.getElementById("output").innerHTML = localStorage.children[1].innerHTML; //У строки нету childdren!
			document.getElementById("projectName").textContent = localStorage.children[0].textContent;
		}

Как мне быть? Мне надо обойтись без добавления этого кода в какой-то временный объект, из которого я буду потом брать children. Или без этого не обойтись?

Comments

[Stalker_RED]

Что эта штука должна делать? Сейчас я вижу просто какой-то неработающий кусок.

[Bhudh]

А что за странный комментарий "У строки нету childdren!"?
localStorage это вообще не строка, это системный объект. Кто-то просто недочитал документацию.

[JackShcherbakov]

Bhudh, Что с Вами не так? Во первых: у меня в local storage хранится JSON. А JSON - это и есть по сути строка! Во-вторых: что за ахинею Вы пишите?

А что за странный комментарий "У строки нету childdren!"?

Все верно, у строки нету свойства children

localStorage это вообще не строка, это системный объект. Кто-то просто недочитал документацию.

Пфф! Я и не говорю что localStorage - строка! В моем случае то, что я достаю из localStorage является строкой? Что тут непонятного? Мда... Кто-то не дочитал мой вопрос.

[Bhudh]

JackShcherbakov, и что же Вы достаёте из localStorage?
Перед этим комментарием написано: localStorage.children[1].innerHTML.
Если то, что Вы достаёте из localStorage, строка, следовательно, localStorage.children — строка.
А если это строка, то localStorage.children[1] — это второй символ этой строки. То есть тоже строка длиной 1.
И откуда же у этой строки длиной 1 возьмётся свойство innerHTML?

Answer 1

[Алексей Уколов]

Без временного объекта в том или ином виде не обойтись, но можно использовать DOMParser.

(new DOMParser())
    .parseFromString(localStorageHTML, 'text/html')
    .body.childNodes