Сохранение ссылки на клон HTML-шаблона в Javascript перед добавлением в DOM
Я хотел бы сохранить ссылку на фрагмент документа, чтобы иметь к нему доступ позже. Тот же доступ, что и для document.getElementbyId().
var test;
let template= = document.getElementById("templateId");
let clone = template.content.cloneNode(true);
test=clone;
document.getElementById(destinationId).appendChild(clone);
Если я отлаживаю тест, у него есть все ссылки и информация в виде переменной клонирования. Но после добавления клона большая часть информации теряется.
Тестовая переменная должна иметь ссылка для того же фрагмента документа (который остается в клоне), который будет в документе. Я не хочу делать копию элемента, потому что я хочу получить к нему доступ позже с помощью переменной test, чтобы изменить, например, значение метки.
Если я изменю код по вашему предложению, я получу ссылку на объект шаблона в DOM. Но мне нужна ссылка на фрагмент документа, который будет добавлен в DOM как копия шаблона.
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Используйте этот пример
$("header.site-header").before($("header.site-header").clone();
Спасибо за ваш ответ. Сначала вы пропустили столбец в конце. Я не совсем понимаю ваш ответ. Какую часть вы имеете в виду под «header.site-header»?
«header.site-header» означает, что вы клонируете любую часть. Добавьте класс ИЛИ замените идентификатор на «header.site-header», который вы хотите клонировать.
Первый «header.site-header» — копия заголовка, а второй «header.site-header» — это местоположение (куда вы помещаете часть клона). Определите.
Я попробовал это со следующим кодом: var a= $("#templateId").before($("#destinationId").clone()); он хранит элемент <template>, но не клонированный элемент
Почему хранятся в переменной?
Вы можете обратиться по этой ссылке, чтобы получить больше идей в этом. w3schools.com/jquery/html_clone.asp
Я хочу получить доступ к узлу, который я вставляю в свой HTML, через эту переменную. Аналогично getElementbyId, но без использования идентификатора.
Другой синтаксис в Jquery.
измените свою четвертую строку на
template.cloneNode(true);это должно решить эту проблему.