注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

邰增涛博客

www.xazcwl.com -- 爱生活,爱技术,将web编程进行到底!!!

 
 
 

日志

 
 
关于我

西安增创网络科技有限公司,专注网站建设、手机网站、商城网站、微网站开发、小程序开发、APP开发!!!

网易考拉推荐

初识W3C DOM对象模型  

2010-06-03 16:17:15|  分类: web标准 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

DOMDocument Object Model文档对象模型的缩写。根据W3C DOM规范,DOM是一种与浏览器,平台,语言的接口,使得你可以访问页面其他的标准组件。简单理解,DOM解决了NetscapedJavascriptMicrosoftJscript之间的冲突,给予web设计师和开发者一个标准的方法,让他们来访问他们站点中的数据、脚本和表现层对像。

这个对象模型用来分析html文件,通过构造树的办法来实现的.一个标签一个节点,文字也构成一个节点

那么,既然是树就可访问父亲节点parentNode ,兄弟节点nextSibling/previousSibling,子结点firstChild/lastChild.

可以访问各个节点的nodeName,对于文字节点,可以访问nodeValue/data属性

同时还有更方便的办法访问各个节点,就是使用childNodes[i]子结点对象集合,attributes[i]属性对象集合

这些浏览父节点和子结点的办法在DHTML DOM模型中也是可以实现的parentElement/children[i],只是相对来说比较麻烦.

W3C DOM模型可以对树进行管理.如新建节点,插入节点,删除节点,复制节点,取代节点,交换节点.复制节点属性,删除节点属性.

具体一些方法如下:

新建节点:document.createElement("标签名/table/form等");document.createTextNodes(string)

加入节点:objParent.applendChild(objChild);

               objChild.applyElement(objParent);

复制节点:

              onjNew=objDup.cloneNode(true/false);如果是ture,则包括全部的子结点

复制节点属性:

             objTarget=mergeAttributes(objSource);//返回删除的节点,类似string对象的splice方法

删除节点属性:

            objNode.clearAttributes();

删除节点:

               objDelete.removeNode(true/false);

取代节点:

               objOld.replaceNode(objNew);

交换节点:

              objFirst.swapNode(objSecond);

插入节点:

              objParent.insertBefore(objChild,objBrother);

判断是否有子结点:

              objNode.hasChildNodes();

  评论这张
 
阅读(156)| 评论(0)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018