html字符串转换成标签

1,413 阅读1分钟

利用document.createRange().createContextualFragment方法,我们可以直接将字符串转化为DocumentFragment对象。

// 期望生成如下
{/* <a href="#links1" class="function_nav_item">跨境培训</a> */}

function aCreated(item, index) {
    return `<a href="#links${index}" class="${index === 0 ? 'active' : ''}">${item.title}</a>`
}

let afragment = aCreated(item, index)

let afrag = document.createRange().createContextualFragment(afragment);
$('.left_nav').append(afrag)