求助老师!!!

老师这个怎么做，能帮我写一下吗，我对JS还有些懵懂，万分感谢

爱前端的小学生 2017-09-20

收起

3回答

小丸子爱吃菜 2017-09-22 10:52:18

<!DOCTYPE html>  
<html>  
  <head>  
    <title></title>  
    <meta charset="utf-8">
    <script type="text/javascript">  
        function test(){  
            //创建元素  
            var myElement = document.createElement("input");//输入想要创建的类型  
            myElement.type="button";  
            myElement.value="我是按钮";  
            myElement.id="id1";  
            //将元素添加到指定的节点  
            document.getElementById("div1").appendChild(myElement);  
        //  document.body.appendChild(myElement);  
        }  
      
        function test1(){  
          
            //删除一个元素  
        //  document.getElementById("div1").removeChild(document.getElementById("id1"));  
          
        //第二种方式灵活  
        document.getElementById("id1").parentNode.removeChild(document.getElementById("id1"));  
        }  
    </script>  
  </head>  
    
  <body>  
   <input type="button" onclick="test();" value="动态的创建一个按钮"><br/>  
   <input type="button" onclick="test1();" value="删除按钮"/>  
   <div id="div1" style="width:200px;height: 400px;border: 1px solid red;">  
          
   </div>  
  </body>  
</html>

涉及到dom节点的相关知识，在我们路径《进击JavaScript核心》有讲到。小白系列后面的高级路径中也会有相关知识讲解。

你可以先参考上面的代码。

收起回答