1 <!DOCTYPE html> 2 <html> 3 <head lang="en"> 4 <meta charset="UTF-8"> 5 <title>js练习 js是脚本语言直接运行在浏览器上的。</title> 6 <script type="text/javascript"> 7 function addpic(){ 8 //第一步创建一个dom元素 9 var imgdom=document.createElement("img"); 10 //第二步引用方法 11 imgdom.setAttribute("src","pic/star-on.png"); 12 //把元素节点的值给她 13 document.getElementById("div1").appendChild(imgdom); 14 } 15 function removeit(){ 16 //先获取元素 17 var imgdom=document.getElementById("div1"); 18 //再获取元素下的所有节点 19 var childs=imgdom.children; 20 //因为是数组再遍历这个数组,然后再删除他 21 for(var i=0;i<childs.length;i++){ 22 imgdom.removeChild(childs[i]); 23 } 24 } 25 </script> 26 </head> 27 <body> 28 <div id="div1"> 29 30 </div> 31 <input type="button" value="添加" οnclick="addpic()"> 32 <input type="button" value="删除" οnclick="removeit();"> 33 </body> 34 </html>