DarthJS
@DarthJS

Как забрать innerHTML React элемента по ref?

Есть элемент например
<div ref={el = this.TestElement = el } style={{...}}><h1>xxx</h1></div>


как преобразовать this.TestElement, чтоб я мог воспользоваться innerHTML в стринговом виде?
То есть мне нужно получить DOM елемент в виде стринги
  • Вопрос задан
  • 1363 просмотра
Решения вопроса 1
const testElementHtml = this.TestElement.parentNode.innerHTML

Но в этом случае будет получен HTML всех дочерних элементов родительской ноды
Если помимо этого div'а есть еще дочерние элементы, то так:
const testElementClone = this.TestElement.cloneNode(true)
const wrap = document.createElement('div')
wrap.appendChild(testElementClone)
const testElementHtml = wrap.innerHTML
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы