js中怎么拼页面

let htmlString = '<div class="new-element">Hello, World!</div>';
document.getElementById('container').innerHTML += htmlString;

// 创建一个新的div元素
let newDiv = document.createElement('div');
newDiv.className = 'new-element';
newDiv.textContent = 'Hello, World!';

// 将新的div元素添加到页面中的某个容器内
document.getElementById('container').appendChild(newDiv);

<script id="template" type="text/x-handlebars-template">
  <div class="new-element">{{message}}</div>
</script>

// 获取模板内容
let source = document.getElementById('template').innerHTML;
// 编译模板
let template = Handlebars.compile(source);
// 准备数据
let data = { message: 'Hello, World!' };
// 渲染模板
let html = template(data);
// 插入到页面中
document.getElementById('container').innerHTML += html;

let fragment = document.createDocumentFragment();
for (let i = 0; i < 100; i++) {
  let newDiv = document.createElement('div');
  newDiv.textContent = 'Item ' + i;
  fragment.appendChild(newDiv);
}
document.getElementById('container').appendChild(fragment);

let userInput = '<script>alert("XSS")</script>';
let newDiv = document.createElement('div');
newDiv.textContent = userInput; // 安全的方式
document.getElementById('container').appendChild(newDiv);