read : html template 태그 기본 사용법 : 기술 #html #template::공대여자홈

#html #template

상세는 링크를 참고

let tmpl = document.querySelector('#productrow');

var clone = document.importNode(tmpl.content, true); //템플릿 내용을 복제해온다. 두번째 인자가 true여야한다.

clone.querySelector('.input-text').value = 'test';

document.body.appendChild(clone);

//---

template 특징

1. 안의 내용은 document에서 그려지지 않는다.(img나 iframe 이 있어서 관련 호출을 하지 않는다.)

1.1. 현재 document와 완전 분리 상태

No	제목	작성자	등록	조회
공지	[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)	공대여자	02/06 13:44	1656
공지	유용한 리눅스(LINUX) 명령어	공대여자	03/03 14:47	11345
공지	[공지] 기술 게시판	mins01	06/24 15:10	11555

일	월	화	수	목	금	토
3.31	4.1	4.2	4.3	4.4	4.5	4.6
4.7	4.8	4.9 game_tictactoe 2	4.10	4.11	4.12	4.13
4.14	4.15	4.16	4.17 :scope selector , querySelector 에서 this, self node 지정 1	4.18	4.19	4.20
4.21	4.22	4.23 ui_treemap new 2	4.24	4.25	4.26	4.27
4.28	4.29	4.30	5.1	5.2	5.3	5.4