• document对象概念介绍、验证用户名是否有效、正则表达式对象、两种常见的验证提示效果


    document对象概念介绍

    DOM全称Document Object Model文档对象模型

    就是将文档中的标签,属性,文本转换成对象管理

     Document对象理解:

    第一点:Document管理了所有HTML文档内容

    第二点:document是一种树结构的文档,具有层级关系

    第三点:它让我们把所有的标签都对象化

    第四点:可以通过document访问所有的标签对象

    验证用户名是否有效

    Document对象中方法的介绍:

    1.document.getElementById(elementId):

            通过标签的id属性查找标签dom对象,elementId是标签的id属性值

    2.document.getElementByName(elementName):

            通过标签的name属性查找标签dom对象,elementName标签的name属性值

    3.document.getElementsByTagName(tagname):

            通过标签名查找标签dom对象,tagname是标签名

    4.document.createElement(tagName):

            通过给定的标签名,创建一个标签对象,tagName是要创建的标签名

     

    
    
    
        
        演示getElementById()方法
        
    
    
        用户名:
        
    
    
    

     

     正则表达式对象

     

     

     

     

     

    
    
    
        
        正则表达式对象
        
    
    
    
    
    

    两种常见的验证提示效果

    第一种:

     

     

    第二种:

    先导入两张图片

     

     

     

     

  • 相关阅读:
    工业视觉——打光
    Rliger | 完美整合单细胞测序数据(部分交集数据的整合)(三)
    Redis主从配置和哨兵模式
    拷贝构造函数(深拷贝+浅拷贝)
    云原生-FRP内网穿透(详解)使用云服务器将内网集群服务暴露至公网(二)
    故障排查:k8s节点不可用(rancher/hyperkube:v1.21.14-rancher1 Restarting)
    云原生之深入解析K8S中Ceph的部署与功能测试
    腾讯云轻量应用服务器怎么样?来自学生的评价
    【JY】YJK前处理参数详解及常见问题分析:控制信息(二)
    第一讲:单链表快速排序
  • 原文地址:https://blog.csdn.net/weixin_46065214/article/details/126377735