innerHTML 代表节点内的内容，能读能写
虽然不是 W3C 规定的标准，但是各浏览器都支持得很好
【例】
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
#div1{
300px;
height: 300px;
background: blue;
border-bottom: 1px solid black;
}
</style>
<script>
function add(){
var ul = document.getElementsByTagName("ul")[0];
var lis = "<li>php</li><li>python</li><li>ruby</li><li>perl</li>";
ul.innerHTML = lis;
}
function add2(){
var ul = document.getElementsByTagName("ul")[0];
var lis = ul.innerHTML;
ul.innerHTML += "<li>Node.js</li>";
}
</script>
</head>
<body>
<input type="button" value="添加php,python,ruby,perl" onclick="add();">
<input type="button" value="添加Node.js" onclick="add2();">
<ul></ul>
</body>
</html>