如何用javascript改变DIV中的内容?
<div id="1">内容1</div>
现在要改成"内容2",怎么处理? 展开
通过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标签
何用javascript改变DIV中的内容分为2步。
1、获得div元素
利用代码：
document.getElementById('1')
可以获得这个div的dom元素
2、改变div的innerText属性
代码
document.getElementById('1').innerText='内容2'
即可把div的内容变为"内容2"
这是测试页面
先用js获取到div的内容
document.getElementById('div').innerHTML;
直接赋值给对象
document.getElementById('div').innerHTML="你好，请采纳！";
DIV的ID的名字.innerText="内容2";
例:
index.htm
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
<script>
</script>
</head>
<body>
<div id="abc">abc</div>
<br>
<a href="#" onclick="abc.innerText='bcd'">a</a>
</body>
</html>
