通过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标签