JS 更改 div 内容 - Javascript

在 Web 开发中，动态修改页面内容是一项基本技能，而常常用到的是更改 div 元素的内容。此时，我们可以使用 Javascript 来实现。

HTML 部分

首先，我们需要在 HTML 中定义一个 div 元素，即待修改的目标元素。

<div id="myDiv">原始内容</div>

这里定义了一个 id 为 "myDiv" 的 div 元素，我们将使用 Javascript 来更改它的内容。

Javascript 部分

接下来，我们需要编写 Javascript 代码来实现修改 div 内容的功能。以下是一段简单的示例代码：

// 获取待修改的 div 元素
var myDiv = document.getElementById("myDiv");

// 修改 div 内容
myDiv.innerHTML = "新内容";

这段代码做了以下事情：

1. 使用 document.getElementById 方法获取了 id 为 "myDiv" 的元素；
2. 使用 myDiv.innerHTML 进行修改，将 div 元素的内容更改为 "新内容"。

具体来说，innerHTML 属性可以获得或设置指定元素的 HTML 内容，因此我们可以利用这个方法来实现更改 div 内容的功能。

完整代码

以下是完整的代码示例：

<div id="myDiv">原始内容</div>

<script>
  var myDiv = document.getElementById("myDiv");
  myDiv.innerHTML = "新内容";
</script>

总结

以上是修改 div 内容的基本方法。相信通过本文的介绍，您已经能够掌握 Javascript 更改 div 内容的技能了。