문서 예

19537 단어 document
<!DOCTYPE html>

<html>

<head>

    <title></title>

    <script type="text/javascript">

        window.onload=function(){

        document.getElementById("btn_ID").onclick=function(){

/*            alert("213");*/

            // 

            var nameValue=document.getElementById("userid").value;

            var EValue=document.getElementById("EID").value;

            var PhoneValue=document.getElementById("PhoenID").value;

           // alert(EValue);

            // td

            var nameTD=document.createElement("td");

            var nameText=document.createTextNode(nameValue);

            nameTD.appendChild(nameText);



            var ETD=document.createElement("td");

            var EText=document.createTextNode(EValue);

            ETD.appendChild(EText);



            var PhoneTD=document.createElement("td");

            var PhoneText=document.createTextNode(PhoneValue);

            PhoneTD.appendChild(PhoneText);



            var DelTD=document.createElement("td");

            var aElement=document.createElement("a");

            aElement.setAttribute("href","deleteEmp?id="+nameValue);

            var DelText=document.createTextNode(" ");

            aElement.appendChild(DelText);

            DelTD.appendChild(aElement);





            // tr  td tr 

            var tr=document.createElement("tr");

            tr.appendChild(nameTD);

            tr.appendChild(ETD);

            tr.appendChild(PhoneTD);

            tr.appendChild(DelTD);



            // tr table 

            var tableElement=document.getElementById("tableExample");

            tableElement.appendChild(tr);

            // 

            aElement.onclick=function(){

                // 

                return DelTr(aElement);

            }

            function DelTr(a){

                var name= a.parentNode.parentNode.firstChild.firstChild.nodeValue;

                //alert(name);

                var flag=window.confirm(" "+name+" ?");

                if(!flag){

                    return false;

                }

                // tr parent

                var TrParent=aElement.parentNode.parentNode.parentNode;

                // tr

                var Tr=aElement.parentNode.parentNode;

                // 

                TrParent.removeChild(tr);

                // 

                return false;

            }

        }



        }





    </script>

</head>

<body>

 :<br/>

 :<input type="text" name="user"id="userid"/>

Email:<input type="text" name="Ename" id="EID"value="[email protected]"/>

 :<input type="text" name="Phonename" id="PhoenID"/><br/>

<input type="button"value=" "id="btn_ID"/>

<table border="1" id="tableExample">

    <tr><td> </td><td>Email</td><td> </td><td> </td></tr>



</table>







</body>

</html>

좋은 웹페이지 즐겨찾기