javascript学习基础笔记之DOM对象操作
2023-06-13 09:14:31 时间
DOM文档对象模型是HTML和XML的应用程序接口(API),DOM将整个页面规划成由节点层次构成的文档。DOM对象给予开发者对HTML的访问权限,并且使开发者能将HTML作为XML文档来处理和查看。DOM对象是与语言无关的API,意味着它的实现并不是与javascript绑定,这在于初学者来说可能会理解错误。DOM是针对XML的基于树的API,它关注的不仅仅是解析XML代码,而是用一系列相互关联的对象来表示这些代码,而这些对象可以被修改,而且无需重新解析代码就能直接访问它们。由于DOM的使用上的简便,因此它成为了Web浏览器和javascript最喜欢的方法。document对象是BOM的对象,即window.document==document,但是它又同时属于DOM,也是HTMLDOM的HTMLDocument对象的一种表现形式,反过来说它也是XMLDOMDocument对象。
JavaScript中的大部分处理DOM的过程都是利用document对象。
要访问html元素,可以利用document的documentElement特性:
varoHtml=document.documentElement;
oHtml对象包含一个表示<html/>的HTMLElement对象,通过:
varoHead=oHtml.firstChild;
varoBody=oHtml.lastChild;
可以得到分别表示<head/>和<body/>的对象,也可以通过使用childNodes特性来完成:
varoHead=oHtml.childNodes[0];//将childNodes当做Array来使用;
varoBody=oHtml.childNodes[1];//将childNodes当做Array来使用;
上述表达可以使用更加正规的表达方式,那就是shiyongitem()方法:
varoHead=oHtml.childNodes.item(0);
varoBody=oHtml.childNodes.item(1);
其实在HTML页DOM对象定义了document.body作为指向<body/>元素的指针,即
oBody=document.body;
但是document.head却没有定义,它的返回值是undefined;
JavaScript中的大部分处理DOM的过程都是利用document对象。
要访问html元素,可以利用document的documentElement特性:
varoHtml=document.documentElement;
oHtml对象包含一个表示<html/>的HTMLElement对象,通过:
varoHead=oHtml.firstChild;
varoBody=oHtml.lastChild;
可以得到分别表示<head/>和<body/>的对象,也可以通过使用childNodes特性来完成:
varoHead=oHtml.childNodes[0];//将childNodes当做Array来使用;
varoBody=oHtml.childNodes[1];//将childNodes当做Array来使用;
上述表达可以使用更加正规的表达方式,那就是shiyongitem()方法:
varoHead=oHtml.childNodes.item(0);
varoBody=oHtml.childNodes.item(1);
其实在HTML页DOM对象定义了document.body作为指向<body/>元素的指针,即
oBody=document.body;
但是document.head却没有定义,它的返回值是undefined;
相关文章
- javascript引用对象的方法
- Javascript更新JavaScript数组的uniq方法
- JavaScript基础问答二
- javascript自定义常用方法
- javascript面向对象编程基础多态
- 为javascript添加String.Format方法
- javascript获取url参数和script标签中获取url参数函数代码
- Javascript入门基础学习
- Javascript笔记一js以及json基础使用说明
- 精通Javascript系列之Javascript基础篇
- javascript温习的一些笔记基础常用知识小结
- javascript针对DOM的应用分析(二)
- Javascript数组的排序sort()方法和reverse()方法
- JavaScript高级程序设计阅读笔记(十六)javascript检测浏览器和操作系统-detect.js
- javascript面向对象入门基础详细介绍
- JavaScript字符串String和Array操作的有趣方法
- JavaScript起点(严格模式深度了解)
- 基于javascript闭包基础分享
- JavaScript定义变量和变量优先级问题探讨
- JavaScript设计模式之适配器模式介绍
- JavaScript中伪协议javascript:使用探讨