Java基础 —— DOM

DOM：文档对象模型(Document Object Model)

• 定义：
  • 文档：标记型文档：html,xml
  • 对象：将文档或文档中的标签等内容都封装到对象中
  • 模型：只要是标记型文档都通用
  • 将html中的标签对象化，则实现了标签的动态效果
• DOM树：标签都是书中的节点，元素和对象:

　　得到对象，则可以对DOM树进行操作，动态修改DOM元素(增删改查)。

• DHTML：动态的html，包含html，CSS，Javascript，dom。
  • HTML：负责提供标签，对数据进行标记封装。
  • CSS：负责提供样式属性，对数据进行样式的定义。
  • DOM：负责将标记文档和标签内容解析成对象，并在对象中定义属性和行为，可以指挥对象。
  • Javascript：负责页面的行为，动态效果的体现，需要程序设计语言来完成。
• BOM：浏览器对象模型(Browser Object Model)
  • 解析标签的浏览器也封装成了对象，如window对象
  • window -->history,document,location....等对象
• 获取对象的节点：getElementByid，getElementByTagName，getElementByName
  • 可以通过id，name或者TagName获得标签对象，进而得到标签的属性及行为。
  • 以id方式返回指定标签，以Name方式获取返回数组，可以对数组进行操作。
  • 以TagName方式是以标签名获取，也返回数组，可以单个元素操作。
• 获取局部标签的方式：先找大标签对象，在调用相应对象的get方法。
• 表单校验：
  • 校验方式：填完一个就校验，失去焦点就确认，提示显示在右边。
  • 按正则表达式方式对用户名校验，如要求四个字母"^[a-Z]{4}$"只能4个字母
  • 表单提交事件(取消事件：return false;)
  • 确认密码校验
  • 性别选项校验