动态生成页面元素的代码基础知识 (使用 JavaScript)

在网页开发中，有时需要通过动态生成页面元素来实现一些交互效果或者根据用户输入动态显示内容。JavaScript 是一种常用的脚本语言，可以通过编写代码来实现动态生成页面元素的功能。本文将介绍如何使用 JavaScript 动态生成页面元素，并提供相应的源代码示例。

1. 创建元素

要动态生成页面元素，首先需要创建一个新的元素。可以使用 document.createElement() 方法来创建一个指定类型的 HTML 元素。

// 创建一个新的 div 元素
var newDiv = document.createElement('div');

在上面的代码中，我们创建了一个新的 <div> 元素，并将其赋值给变量 newDiv