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>   

  • 相关阅读:
    系统调用的三层机制(上)
    深入理解计算机系统——第二章学习笔记
    MenOS
    操作系统工作流程
    从问题到程序——第一二章学习笔记
    2018-2019-1 20189210 《LInux内核原理与分析》第六周作业
    2018-2019-1 20189210 《LInux内核原理与分析》第五周作业
    2018-2019-1 20189210 《LInux内核原理与分析》第四周作业
    2018-2019-1 20189210 《Linux内核原理与分析》第三周作业
    20189210牟健 《Linux内核原理与分析》第二周作业
  • 原文地址:https://www.cnblogs.com/focai/p/4094771.html
Copyright © 2011-2022 走看看