JS创建元素 - JavaScript

在JavaScript中，我们可以使用以下方式创建元素：

1. 使用 document.createElement(tagName) 方法创建元素。

   let element = document.createElement("div");
   

   以上代码将创建一个 div 元素，并将其赋值给 element 变量。

2. 使用 innerHTML 属性创建元素。

   document.body.innerHTML += '<div>动态创建的div元素</div>';
   

   以上代码将在 body 元素中添加一个包含文本内容为 “动态创建的div元素” 的 div 元素。

3. 使用 insertAdjacentHTML 方法创建元素。

   let element = document.createElement("div");
   element.insertAdjacentHTML("beforeend", "动态添加的内容");
   

   以上代码将创建一个 div 元素，并在其内部添加文本内容为 “动态添加的内容”。

4. 使用 jQuery 库创建元素。

   let element = $("<div>使用jQuery创建的元素</div>");
   

   以上代码将使用 jQuery 库创建一个 div 元素，并将其赋值给 element 变量。

总的来说，以上方法都是可以根据需要使用的。但是，如果只是简单的添加一个元素，我们建议使用第一种方法，即使用 document.createElement(tagName) 方法创建元素。