控制html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>控制html</title>
</head>
<body>
<span id="span1">我是大盒子</span></br>
<div id="div1">我是小盒子</div>
</body>
</html>
<script type="text/javascript">
document.getElementById("span1").innerHTML="软件测试"
document.getElementById("div1").innerHTML="不会"
</script>
控制css
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>控制CSS</title>
<style type="text/css">
#div1{background: black;color: red;font-size: 90px;}
</style>
</head>
<body>
<div id="div1">我是大盒子</div>
</body>
</html>
<script type="text/javascript">
// document.getElementById("div1").style.color="white"
// document.getElementById("div1").style.background="red"
// document.getElementById("div1").style.fontSize="190px"
document.getElementById("div1").style.cssText="color: darkgreen;background:blue;"
</script>