1
2
3
4
5
6
7
8
9
10
11
12
13
14
function setHTML(node, html) {
    const range = document.createRange();
    range.selectNode(node);
    node.replaceChildren(range.createContextualFragment(html))
}
 
/* For IE 10 <=
function setHTML(node, html) {
    const range = document.createRange();
    range.selectNode(node);
    node.innerHTML = "";
    node.appendChild(range.createContextualFragment(html))
}
*/
cs


innerHTML을 사용하면 XSS 방지로 인해 script 태그가 실행되지 않는다.

위 방법을 통해 script 태그와 함께 설정 가능하다.