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>   

  • 相关阅读:
    uni-app 苹果内购支付及获取苹果支付成功信息
    nginx强制使用https访问(http跳转到https)
    最新IOS审核被拒原因TOP10 | 附带解决方法
    ethercat PREEMPT SMP
    client-go workqueue
    k8s apiserver 重启失败
    cni flannel iptables -t filter -D FORWARD -j REJECT --reject-with icmp-host-prohibited
    nginx configmap
    golang yaml LoadYAML
    not found: manifest unknown: manifest unknown
  • 原文地址:https://www.cnblogs.com/focai/p/4094771.html
Copyright © 2011-2022 走看看