javascript学习基础笔记之DOM对象操作【javascript】

web前端|js教程 javascript学习基础笔记之DOM对象操作【javascript】

DOM对象

web前端-js教程

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，也是HTML DOM的HTMLDocument对象的一种表现形式，反过来说它也是XML DOM Document对象。

比特币钱包源码,Ubuntu播放声音,tomcat闪退但未报错,爬虫论文写作,php伪造ip地址,seo外包鼎高粱seolzw

JavaScript中的大部分处理DOM的过程都是利用document对象。

免费学校网站系统源码,vscode怎么登录账号,linux移植ubuntu,批量安装tomcat,sqlite 表中添加列,网页前端一般用什么框架,叶子上有很小的爬虫像虱子,php正则email,临沂seo推广推荐,餐饮网站模板,斗地主网页版程序源码,extjs模板lzw

要访问html元素，可以利用document的documentElement特性：

软件授权管理网站源码,vscode 头文件提示,ubuntu 语言管理,tomcat6.0测试,pbi爬虫,php下载的文件打不开,唐山seo推广咨询热线,网游网站源码下载,仿赶集网论坛模板lzw

var oHtml=document.documentElement;

oHtml对象包含一个表示的HTMLElement对象，通过：

var oHead=oHtml.firstChild；

var oBody=oHtml.lastChild；

可以得到分别表示和的对象，也可以通过使用childNodes特性来完成：

var oHead=oHtml.childNodes[0]；//将childNodes当做Array来使用；

var oBody=oHtml.childNodes[1]；//将childNodes当做Array来使用；

上述表达可以使用更加正规的表达方式，那就是shiyongitem()方法：

var oHead=oHtml.childNodes.item(0);

var oBody=oHtml.childNodes.item(1);

其实在HTML页DOM对象定义了document.body作为指向元素的指针，即

oBody = document.body;

但是document.head却没有定义，它的返回值是undefined；

DOM对象