Javascript Template Examples

<template id="edit-invoice-template">
    <span class="edit-invoice text-muted" 
        data-orderid="" 
        data-orderitemid="" 
        data-invoiceid="" 
        data-bs-toggle="@BSConstants.CANVAS" 
        data-bs-target="@BSConstants.CANVAS_TARGET">
    </span>
</template>

const td = button.parentElement;
                        
const template = document.querySelector('template#edit-invoice-template') as HTMLTemplateElement;
const fragment = template.content.cloneNode(true) as DocumentFragment;
const span = fragment.querySelector('span.edit-invoice') as HTMLSpanElement;
span.dataset.invoiceid = invoiceId;
span.dataset.orderitemid = button.dataset.orderitemid;
span.dataset.orderid = button.dataset.orderid
span.dataset.advertiser = button.dataset.advertiser;
span.textContent = invoiceId;
button.remove();
td.appendChild(span);