通过document.getElementById("div的ID名字").innerHTM=“你要设置的值”来实现。
代码示例如下：
=================================
<html>
<head>
<meta charset="UTF-8">
<script>
function ChangeDiv()
{
document.getElementById("1").innerHTML="内容2"
}
</script>
</head>
<br><br><br>
<div id = "1" >内容1</div>
<input type="button" onclick="ChangeDiv()" value="设置DIV内容" />
</body>
</html>
==========================
原页面内容如下：
点击“设置DIV内容”按钮后，系统执行Javascript代码后结果如下：
扩展资料：
DIV标签，称为区隔标记。作用是设定字、画、表格等的摆放位置。当你把文字、图象，或其他的放在 DIV 中，它可称作为“DIV block”，或“DIV element”或“CSS-layer”，或干脆叫“layer”。而中文我们把它称作“层次”。
DIV元素，是用来为HTML文档内大块（block-level）的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的，其中所包含元素的特性由DIV标签的属性来控制，或者是通过使用样式表格式化这个块来进行控制。
参考资料：百度百科词条--DIV标签
用js如何修改div的内容的具体操作步骤如下：
1、首先在电脑的桌面上点击打开“html”应用程序，接着在此“html”应用程序中点击进行打开要进行操作的html文件。
2、打开此应用程序之后，接着在此文件的页面内点击进行创建“button按钮”，接着手动给此按钮设置一个id，在此将按钮的id设置为“show”，接着再在其中进行输入“<input type="button" id="show" value="显示隐藏div" />”。
3、接着再在此应用程序中进行创建一个隐藏的div，然后再将需要进行修改的内容写到或者复制粘贴到此文件上，接着再为其设置id，在此设置为“hide”，然后再进行输入“<div id="hide">我是隐藏的div</div>”。
4、然后接着在此页面内的<title>标签后面为id为hide设置其样式为“display:none”然后再输入“<style>#hide{display: nonepadding-top: 15px}</style>”，然后就修改完成了。
