【javascript】DOM小结
来源:互联网 发布:java离线安装包 32位 编辑:程序博客网 时间:2024/04/28 18:30
DOM(Document ObjectModel)文档对象模型,描述了一个层次化的节点数。D(文档)为网页文档;O(对象)为window对象之类的,可调用其属性和方法;M(模型)为网页文档的树形结构。DOM定义了HTML元素的对象和属性,以及访问它们的方法,即DOM可对HTML元素进行获取、修改、添加以及删除操作。
1.DOM节点
DOM把标签当作节点,将网页理解为由节点组成的节点树.节点的种类有五种:文档节点、元素节点、文本节点、属性节点、注释及节点。整个文档时一个文档节点,每个HTML元素是元素节点,HTML元素内的文本是文本节点,每个HTML属性是属性节点,注释是注释节点,这些概念都比较容易理解。
1)节点属性
DOM节点有几个非常有用的属性:nodeName、nodetype、nodeValue。
nodeName属性规定节点的名称,它始终包含HTML元素的大写字母标签名;nodeValue属性规定节点的值;nodeType属性返回节点的类型,nodeType是只读的。
2) 层次节点属性
节点的层次结构可以划分为:父节点与子节点、兄弟节点,当获取到一个元素节点的时候,就可以通过层次节点属性来获取其他层次节点。
2. 节点方法
为了方便的进行操作,W3C提供了一些定位节点的属性和方法,通过它们DOM可以对节点进行创建、查找、删除等操作:
这些方法使得我们对网页元素的操作更加便捷。
0 0
- JavaScript DOM 操作小结
- 【javascript】DOM小结
- [JavaScript+DOM+CSS]:奇遇小结一二
- JavaScript 数据类型、DOM操作、闭包小结
- 《JavaScript DOM 编程艺术》小结(一)
- 《JavaScript DOM 编程艺术》小结(二)
- Dom小结:
- DOM小结
- DOM 小结
- DOM小结
- DOM小结
- DOM小结
- DOM小结
- 了解DOM:Javascript 的常见事件和Ajax小结
- js学习小结(十六)--javascript 高级程序设计-DOM扩展
- [DOM]javascript DOM操作
- Javascript DOM
- javascript--dom
- Spring学习笔记_装配bean_02
- 如何在PowerShell中把密码保存到文件
- 生产环境超时库存回收优化
- Spring学习总结(2.3)-Spring MVC:handlermapping
- jQuery操作css-position()与offset()方法的区别
- 【javascript】DOM小结
- 北京络捷斯特第三方物流信息系统技术解析(六) 订单录入-加工订单
- Matlab中的dir函数
- [BI项目记]-配置Sharepoint2013支持文档版本管理笔记
- js给对象标签添加事件&方法的封装
- 过滤输入——JS总结
- 浅谈前端集成解决方案
- 设计模式学习之观察者模式
- div 布局 (css)