• 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()方法
        
    
    
        用户名:
        
    
    
    

     

     正则表达式对象

     

     

     

     

     

    
    
    
        
        正则表达式对象
        
    
    
    
    
    

    两种常见的验证提示效果

    第一种:

     

     

    第二种:

    先导入两张图片

     

     

     

     

  • 相关阅读:
    Qt+FFmpeg+opengl从零制作视频播放器-8.C++类封装、简介
    Vue.2x秘籍(下)
    Vue3.x使用vuex进行页面间通信
    (0 , _login.default) is not a function ES6,小程序浮点数精度问题
    区间调度问题及贪心算法证明
    【初识JavaScript-运算符总合】
    Linux 进程信息 system V-IPC 之消息队列
    GIT使用教程
    百度地图 新公司分部如何添加到地图导航上
    KMS在腾讯云的微服务实践助力其降本50%
  • 原文地址:https://blog.csdn.net/weixin_46065214/article/details/126377735