码迷,mamicode.com
首页 > 编程语言 > 详细

Java基础 —— DOM

时间:2015-03-10 13:47:35      阅读:99      评论:0      收藏:0      [点我收藏+]

标签:

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;)
    • 确认密码校验
    • 性别选项校验

Java基础 —— DOM

标签:

原文地址:http://www.cnblogs.com/Bestsonic/p/4325467.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!