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

正则表达式对象


正则表达式对象
两种常见的验证提示效果
第一种:




第二种:
先导入两张图片


