js动态添加html代码

// 假设有一个 id 为 'container' 的元素
let container = document.getElementById('container');
container.innerHTML = '<p>这是新添加的内容</p>';

// 创建一个新的段落元素
let newParagraph = document.createElement('p');
newParagraph.textContent = '这是新添加的内容';

// 获取容器元素并添加新段落
let container = document.getElementById('container');
container.appendChild(newParagraph);

let name = '张三';
let content = `<div><h1>欢迎 ${name}</h1><p>这是您的个人页面。</p></div>`;

document.getElementById('profile').innerHTML = content;

let fragment = document.createDocumentFragment();
for (let i = 0; i < 1000; i++) {
    let li = document.createElement('li');
    li.textContent = '列表项 ' + i;
    fragment.appendChild(li);
}
document.getElementById('list').appendChild(fragment);