js——操作标签3——课表

<!DOCTYPE html>
<html>
   <head>
       <link href="css/new_file.css" rel="stylesheet" type="text/css" />
       <meta charset="utf-8" />
       <title></title>
       <script type="text/javascript">
           function addtiyu(){
               var xx = document.createElement("input");
               xx.setAttribute("type","button");
               xx.setAttribute("value","体育");
               xx.setAttribute("onclick","removeT()");
               xx.setAttribute("id","tiyu");
               document.getElementById("div").appendChild(xx);
           }
           function addyingyu(){
               var xx = document.createElement("input");
               xx.setAttribute("type","button");
               xx.setAttribute("value","英语");
               xx.setAttribute("onclick","removeYY()");
               xx.setAttribute("id","yingyu");
               document.getElementById("div").appendChild(xx);
           }
           function addshuxue(){
               var xx = document.createElement("input");
               xx.setAttribute("type","button");
               xx.setAttribute("value","数学");
               xx.setAttribute("onclick","removeS()");
               xx.setAttribute("id","shuxue");
               document.getElementById("div").appendChild(xx);
           }
           function addmeishu(){
               var xx = document.createElement("input");
               xx.setAttribute("type","button");
               xx.setAttribute("value","美术");
               xx.setAttribute("onclick","removeM()");
               xx.setAttribute("id","meishu");
               document.getElementById("div").appendChild(xx);
           }
           function addyuwen(){
               var xx = document.createElement("input");
               xx.setAttribute("type","button");
               xx.setAttribute("value","语文");
               xx.setAttribute("onclick","removeY()");
               xx.setAttribute("id","yuwen");
               document.getElementById("div").appendChild(xx);
           }

           function removeT(){
               var oo = document.getElementById("tiyu");
               oo.remove();
           }
           function removeYY(){
               var oo = document.getElementById("yingyu");
               oo.remove();
           }
           function removeS(){
               var oo = document.getElementById("shuxue");
               oo.remove();
           }
           function removeM(){
               var oo = document.getElementById("meishu");
               oo.remove();
           }
           function removeY(){
               var oo = document.getElementById("yuwen");
               oo.remove();
           }



       </script>

   </head>
   <body>
       <div id="div">

       </div>

       <input type="button" value="体育" id="addT" onclick="addtiyu()"/>
       <input type="button" value="英语" id="addYY" onclick="addyingyu()"/>
       <input type="button" value="数学" id="addS" onclick="addshuxue()"/>
       <input type="button" value="美术" id="addM" onclick="addmeishu()"/>
       <input type="button" value="语文" id="addY" onclick="addyuwen()"/>
   </body>
</html>

js——操作标签3——课表

猜你喜欢