要将动态内容添加到HTML页面,可以使用JavaScript来操作DOM(文档对象模型)。DOM是HTML文档的表示形式,通过JavaScript可以访问和修改DOM元素。
下面是一些示例代码,演示如何使用JavaScript将动态内容添加到HTML页面。
- 创建HTML元素
要将新的内容添加到HTML页面,首先需要创建一个要添加的元素。可以使用document.createElement()
方法来创建新的HTML元素。
let newElement = document.createElement('p');
上面的代码创建了一个新的<p>
元素。
- 设置元素内容
创建元素后,可以使用innerHTML
属性设置元素的内容。