<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>单击按钮替换内容</title>
<script>
function danji(){
var divdom = document.getElementById("a");
divdom.innerHTML="<span style='color:red'>这是span内容</span>"
divdom.style.backgroundColor="green";
}
</script>
</head>
<body>
<div id = a>
这是div内容
</div>
<input type="button" value="单击我" οnclick="danji()">
</body>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>单击按钮替换内容</title>
<script>
function danji(){
var divdom = document.getElementById("a");
divdom.innerHTML="<span style='color:red'>这是span内容</span>"
divdom.style.backgroundColor="green";
}
</script>
</head>
<body>
<div id = a>
这是div内容
</div>
<input type="button" value="单击我" οnclick="danji()">
</body>
</html>
网页上点击按钮。替换页面的内容