任务要求
<html>
<head><title>创建节点</title></head>
<body>
<input type="button" value="add1" onclick="add1();">
<input type=”button” value=”add2” onclick=”add2();”>
<ul>
</ul>
</body>
</html>
如上代码，直接点击按钮1以后在ul里添加三个li标签，标签的内容分别为春夏秋，单机第二个按钮也是在ul里添加一个li标签，内容为“冬”
创建节点思路
- 就是利用innerHTML来进行操作
实例代码
<html> <head><title>创建节点</title></head> <script> function add1(){ var ul = document.getElementsByTagName('ul')[0]; ul.innerHTML = "<li>春</li><li>夏</li><li>秋</li>"; } function add2(){ var ul = document.getElementsByTagName('ul')[0]; ul.innerHTML+="<li>冬</li>"; } </script> <body> <input type="submit" value="add1" onclick="add1();"> <input type="submit" value="add2" onclick="add2();"> <ul> </ul> </body> </html>