最新资讯当前位置:万彩娱乐平台 > 最新资讯 > >

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

  

[DOM对象]javascript学习基础笔记之DOM对象操作

  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对象。

  
  
JavaScript中的大部分处理DOM的过程都是利万彩娱乐平台用document对象。

  
  
要访问html元素,可以利用document的documentElement特性:  
  
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;

(责任编辑:admin)

上一篇:万彩娱乐注册浅谈js使用in和hasOwnProperty获取对象

下一篇:没有了

推荐内容

客户服务热线

010-400-12345

在线客服