相关文章
网页设计浏览器地址栏实用命令
网站制作建站经验：菜鸟建站七步曲
网页设计让你的主页声色并茂—巧为网页添加背景音乐
网站制作用Photoshop手绘晶莹透明的水滴
北京网页设计学会妙用PHOTOSHOP差值模式绘制音箱
北京网站建设CSS学习手册：样式表CSS简明教程
企通互联HTML在线编辑器的调用方法和使用方法
北京网站制作提高网页的用户体验：字体大小的设计
网页设计网页设计心得:把导航系统做薄
www.qitongnet.com网站设计的思考之网站首页的设计技巧
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网页设计 >> 北京网页设计初学者指南：DHTML中重要的属性方法
北京网页设计初学者指南：DHTML中重要的属性方法
北京网站制作由于DOM(文档对象模型)概念的推出 网站制作,这个API使HTML如虎添翼,但是有些学DHTML的朋友还是有些困挠,只是因为目前的手册的书写不太科学,是按字母来分的,不便查阅.其实DOM中最关键是要掌握节点与节点之间的关系(between node and node),想学习DHTML中的DOM千万不要从头到尾地看遍所有的属性和方法,你有三国时张松的"过目不忘"的本领吗?没有吧,那就听我分析一下：
Chinaz@com
其实DOM教给我们的就是一个层次结构，你可以理解为一个树形结构，就像我们的目录一样，一个根目录，根目录下有子目录，子目录下还有子目录…… 中.国.站.长.站
根节点：
DOM把层次中的每一个对象都称之为节点（NODE），以HTML超文本标记语言为例：整个文档的一个根就是<html>,在DOM中可以使用document.documentElement来访问它，它就是整个节点树的根节点（ROOT）
子节点：
中国.站长站
一般意义上的节点，根节点以下最大子节点就是主文档区<body>了，要访问到 网页设计body标签，在脚本中应该写： 企通互联
document.body Chinaz@com
body区以内所有的文本及HTML标签都是文档的节点，分别称为文本节点、元素节点（或者叫标签节点），大家知道HTML说到底只是文本而矣，不论怎么样的网页必然由这两个节点组成，也只能由这两个节点组成 Chinaz.com
节点之间的关系：
中.国站长站
节点之间的关系也是DOM中最重要的一个关节，如何正确地引用到节点对象，一定要清楚节点树各个节点的相互描述方式，在DHTML里，Javascript脚本就用了各个节点对象的一整套方法和属性去描述另外的节点对象。
节点的绝对引用：
中.国站长站
返回文档的根节点北京网页设计
document.documentElement 中国站.长站
返回当前文档中被击活的标签节点北京网页设计
document.activeElement
返回鼠标移出的源节点企通互联
event.fromElement
返回鼠标移入的源节点企通互联
event.toElement
Chinaz.com
返回激活事件的源节点网站建设
event.srcElement
Www^Chinaz^com
节点的相对引用：(设当前对节点为node)
Www^Chinaz^com
返回父节点网站建设
node.parentNode网站设计
node.parentElement
返回子节点集合（包含文本节点及标签节点）北京网站设计
node.childNodes 站.长.站
返回子标签节点集合网站设计
node.children
返回子文本节点集合网站建设
node.textNodes Chinaz.com
返回第一个子节点北京网站设计
node.firstChild
Www@Chinaz@com
返回最后一个子节点北京网页设计
node.lastChild 中国站.长.站
返回同属下一个节点网站设计
node.nextSibling Www^Chinaz^com
返回同属上一个节点北京网站制作
node.previousSibling Chinaz_com
节点的各种操作：(设当前的节点为node)
新增标签节点句柄： 中.国.站.长. 网站建设站
document.createElement(sNode) //参数为要新添的节点标签名，例：newnode=document.createElement("div");
1、添加节点：
站.长站
追加子节点：北京网站设计
node.appendChild(oNode) //oNode为生新增的节点句柄,例：node.appendChild(newnode) Chinaz^com
应用标签节点网站制作
node.applyElment(oNode,sWhere)//oNode为生新增的节点句柄,sWhere有两个值：outside /inside，加在当前节点外面还是里面 站长.站
插入节点网页设计
inode.insertBefore()北京网站建设
node.insertAdjacentElement()北京网站制作
node.replaceAdjacentText() Chinaz
2、修改节点：
[中国站长站]
删除节点北京网站设计
node.remove() 北京网站设计网站制作
node.removeChild()北京网站制作
node.removeNode() 中.国站长站
替换节点网站设计
node.replaceChild()网站设计
node.replaceNode()网页设计
node.swapNode()
Www@Chinaz@com
3、复制节点：
中国站长.站
返回复制复制节点引用企通互联 网站设计
node.cloneNode(bAll)//bAll为布尔值，true / false 是否克隆该节点所有子节点
Chinaz@com
4、节点信息：
Www@Chinaz@com
是否包含某节点北京网站设计
node.contains()
是否有子节点网站设计
node.hasChildNodes() Chinaz^com
请作者联系本站，及时附注您的姓名。联系邮箱:edu#chinaz.com（把#改为@）。
Chinaz@com
上一篇：网站制作使用Dreamweaver8对网站文件进行检查和整理
下一篇：网页设计初学者指南：DHTML中重要的属性方法