zoukankan      html  css  js  c++  java
  • 通过JS动态创建和删除HTML元素

    <script type="text/javascript" language="Javascript">
    function InputOnBlur()
    {        var name=document.getElementById("name").value;

             if(name.length >10 || name.length<2)
                 {
                    var element=document.getElementById("message");
                if(element)
                {
                //alert(element.parentNode.innerHTML);
                element.parentNode.removeChild(element);
                }
                                 var MySpan=document.createElement("span");
                                 document.getElementById("containers").appendChild(MySpan);
                                 MySpan.id = "message";
                                 MySpan.innerHTML = "<img src='false.jpg' alt='请输入正确的姓名'/>请输入正确的姓名";
                    }
                    
             else{
                var element=document.getElementById("message");
                if(element)
                {
                //alert(element.innerHTML);
                element.parentNode.removeChild(element);
                }
                                 var MySpan=document.createElement("span");
                                 document.getElementById("containers").appendChild(MySpan);
                                 MySpan.id = "message";
                                 MySpan.innerHTML = "<img src='true.gif' alt='该用户名输入正确'/>该用户名输入正确";
                        }
    }
    </script>
     
     


    <div>    
    姓名:<input id="name" type="text" onblur="InputOnBlur()" /><span id="containers"></span></div>    
    <script language="javascript">    
    document.getElementById("containers").innerHTML = "<font color=red>请输入姓名</font>";    
    </script>   

  • 相关阅读:
    Out of hay
    P3028 [USACO10OCT]汽水机Soda Machine
    P3619 魔法
    P2847 [USACO16DEC]Moocast(gold)奶牛广播-金
    P2830 写程序
    c#DateTime与unix时间戳互相转换
    C# UdpClient使用
    udp单播,广播,多播实现(ReceiveFromAsync,SendToAsync)
    udp广播,单播,多播
    C#实现异步阻塞TCP(Send,Receive,Accept,Connect)
  • 原文地址:https://www.cnblogs.com/focai/p/4094771.html
Copyright © 2011-2022 走看看