此网站为郑州seo技术博客网站,欢迎加好友互相探讨!
当前位置:郑州SEO博客 > HTML技巧 > 正文

Javascript中DOM和DHTML中对象属性、方法

11-22 HTML技巧

DOM提供了一套属性用于导航、访问和更新文档内容,其中包括只读类型的属性和可读写类型的属性。

只读类型

 

DOM对象属性

 

返 回 值

 

FirstChild

 

返回一个对象(Object),表示第一个孩子节点(child node)。

 

LastChild

 

返回一个对象(Object),表示最后一个孩子节点(child node)。

 

NextSibling

 

返回一个对象(Object),表示下一个相邻的兄弟节点。

 

NodeName

 

返回节点对应的HTML标记。比如:PScript。对应文本项节点,返回#text

 

nodeType

 

返回节点的类型,
1表示此节点是标记(tag),
2表示属性(attribute),
3表示文本项。

 

parentNode

 

返回一个对象(Object),表示当前节点的双亲节点(parent node)。

 

previousSibling

 

返回一个对象(Object),表示前一个相邻的兄弟节点。

 

specified

 

返回一个布尔型变量(Boolean),表示是否设置了属性值(attribute)。

 

 

 

可读写类型

 

DOM对象属性

 

返 回 值

 

data

 

返回一个字符串,表示文本项节点的值。如果是其他类型节点,返回undefined

 

nodeValue

 

返回一个字符串,表示文本项节点的值。如果是其他类型节点,返回null

 

 

相关属性

 

DOM对象属性

 

返 回 值

 

attributes

 

表示节点的属性集合,通过id来访问,比如attributes.id

 

childNodes

 

表示节点的孩子节点集合,通过数组索引方式访问,比如:childNodes[2]

 

 

DOM和DHTML对象模型的比较

DOM是文档对象化模型(Document Object Model)的简称。使用过DHTML对象模型的开发者一定能非常熟练地操作HTML页面上的每个标记内容,但如果借助DOM技术,我们就可以通过更加直接而且简易的方式达到同样的目的。  

概要  

DOM技术被Internet Explorer 5.0及以上版本的浏览器所支持,它采取一种非常直观且一致的方式将HTML文档进行模型化处理,并借此提供访问、导航和操作页面的简易编程接口。通过DOM技术,我们不仅能够访问和更新页面的内容及结构,而且还能操纵文档的风格样式。DOM由W3C组织所倡导,这样,大多数浏览器都将最终支持这项技术。  

DOM和DHTML对象模型的比较  

可以这么说,DOM是从DHTML对象模型发展而来的。但更准确而言,DOM更象是对DHTML对象模型进行了根本变革的产物。  

借助DHTML对象模型技术,我们能够单独地访问并更新HTML页面上的对象,每个HTML标记通过它的ID和NAME属性被操纵,每个对象都具有自己的属性、方法和事件,通过方法操纵对象,通过事件触发因果过程。  

版权保护: 本文由 郑州SEO博客 原创,转载请保留链接: http://www.zglblog.cn/html/97.html