原生js动态添加元素

在原生 JavaScript 中，可以使用以下方法动态添加元素：

1. 创建新元素：使用`document.createElement()`方法来创建一个新的 HTML 元素。例如，要创建一个新的 `div` 元素，可以使用以下代码：

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

2. 设置元素属性：使用`element.setAttribute()`方法来设置元素的属性。例如，要设置 `div` 元素的 id 属性为 "myDiv"，可以使用以下代码：

newDiv.setAttribute("id", "myDiv");

3. 添加文本内容：可以使用`element.textContent`或`element.innerHTML`属性来添加文本内容。例如，要在 `div` 元素中添加文本 "Hello, World!"，可以使用以下代码：

newDiv.textContent = "Hello, World!";

或者，如果要添加包含 HTML 标签的内容，可以使用以下代码：

newDiv.innerHTML = "<strong>Hello, World!</strong>";

4. 添加到页面中：最后，使用`element.appendChild()`方法将新创建的元素添加到页面中的指定位置。例如，要将 `div` 元素添加到页面的 `body` 元素中，可以使用以下代码：

document.body.appendChild(newDiv);

这样就可以动态创建并添加元素到页面了。记得将上述代码放在适当的位置执行，以便在需要的时候进行元素的添加。