<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
.box2{
width: 100px;
height: 100px;
background: #FF7F24;
}
<script type="text/javascript">
window.onload = function () {
var bBox = document.getElementById('box2');
bBox.innerHTML='<span>js内容</span>';//取代内容
bBox.className='box2';//赋予类名
}
</script>
</head>
<body>
<div id="box2">
还是div的内容
</div>
</body>
</html>
演示效果： 首先还是要获取操作对象，可以把操作对象赋值给一个变量方便书写。 这种方法多用于制作动态页面，刷新页面是以覆盖的方式完成的。
