在JavaScript中,我们经常需要修改网页上的元素内容,以实现动态更新和交互效果。这可以通过DOM(文档对象模型)操作来实现。在本文中,我将详细介绍如何使用JavaScript来动态修改元素内容,并提供相应的源代码示例。
首先,让我们来看一个简单的例子。假设我们有一个包含<div>
元素的网页,我们希望通过JavaScript将其内容修改为"Hello, World!"。以下是实现这个目标的代码:
// 获取要修改的元素
var myDiv = document.getElementById("myDiv");
// 修改元素内容