f(sixleaves) = sixleaves
重剑无锋 大巧不工
C++博客
::
首页
::
新随笔
::
联系
::
聚合
::
管理
::
95 随笔 :: 0 文章 :: 7 评论 :: 0 Trackbacks
<
2015年5月
>
日
一
二
三
四
五
六
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
常用链接
我的随笔
我的评论
我参与的随笔
留言簿
给我留言
查看公开留言
查看私人留言
随笔分类
(117)
about me(3)
(rss)
algorithm(24)
(rss)
CN-CS-CA
(rss)
cocos2dx(8)
(rss)
IOS开发错误集合记录(1)
(rss)
little boy(1)
(rss)
Math(2)
(rss)
objective-c(54)
(rss)
program language(18)
(rss)
Ruby(1)
(rss)
Web(5)
(rss)
随笔档案
(95)
2015年5月 (38)
2015年4月 (12)
2015年3月 (10)
2015年2月 (8)
2014年10月 (2)
2014年9月 (7)
2014年8月 (3)
2014年7月 (10)
2014年4月 (2)
2014年2月 (3)
搜索
积分与排名
积分 - 49149
排名 - 455
最新评论
1. re: UVA 1225
输入9999你的程序不会输出数据,而是等待输入
--yfs123456
2. re: 深入探讨函数指针
写的好
--skndr
3. re: 深入探讨函数指针
我修改下,你在重新看一篇。@seahouse
--swp
4. re: 深入探讨函数指针
哪一串?@weiki
--swp
5. re: 深入探讨函数指针
主要是看不懂声明的那一串代码是怎么回事,只要涉及多级指针,感觉很难理解的样子
--weiki
阅读排行榜
1. 游戏开发(1)-cocos2dx开发环境在mac下的搭建(3167)
2. 01-cocos2dx-基本内功第一部-基本数据结构(3095)
3. cocos2dx之坐标系详解(2977)
4. 02-cocos2dx-基本内功第一部-常用宏定义(2931)
5. 运算符重载-友原函数(结构体、类和运算符重载)(2590)
评论排行榜
1. 深入探讨函数指针(5)
2. 科技将渐渐取代一切(1)
3. UVA 1225(1)
4. UVA 445(0)
5. UVA 227(0)
JS(02)-DOM介绍
理论知识:
介绍一下DOM,所谓的DOM用英文来说就是DOCUMENT OBJECT MODEL,即文档-对象-模型。什么意思呢。其实每一个网页,就是一份HTML文档,而HTML文档是可以看成一棵树的,这棵树称为节点树,顾名思义,它是由节点(Node)构成的。
而每一个节点其实对应的又是一个对象,既然是对象,就可以拥有属性,拥有方法。在进一步想,在编程中,创建对象要分配内存,所以一份HTML文档,其背后是浏览器创建了一个DOM的节点树,这些节点的关系通过指针实现,而每个节点即每个对象
在内存中都占有一定空间。
一颗节点树:
所以我要介绍下什么是节点:
先来看下这张图:
Node是一个类,代表着节点类,其下有Document类,Element类。这两个类是学习DOM的重点。
1.Document类代在浏览器中有个Document对象,就是document,它是全局性的。如果你看第一张图,
会发现,document在整个文档的根节点,。
2.Element类,代表的是元素节点,元素节点包括HTML元素节点中所有的元素都是元素节点。
3.Document于Element中的HTMLDocument、HTMLElement是不一样的,Document和Element代表的是HTML/XML
文档,而Element代表的是这些文档的元素,而HTMLDocument、HTMLElement是进一步的细分,他们代表的是
HTML文档。
重点知识:
前面介绍的理论知识是为了这步做铺垫的,我们通过上面可以知道,其实HTML文档相当于一份初始配置文档,当第一次加载时,浏览器把它创建为DOM节点树保存在内存中,而这以后显示在浏览器上的东西,都是通过读取DOM节点树来实现的。
所以我们就要学习DOM节点树提供给我们定位,获取节点的接口,主要是通过Document对象的实例document中的三个方法。为什么是document对象呢?
因为作为一棵树,它是根节点,通过根节点我们可以搜索到所有节点(学过数据结构的
应该很容易理解)。
1.
所以我们通过document中提供的三个方法:getElementById("XXX");getElementsByTag("XXX");getElementsByClassName("XXX");最后一个是HTML5中新提供的接口。前面两个,分别是通过Id属性,和标签获取
指定的元素或者元素集合。
2.既然获得了节点,我们可以通过节点这个对象所提供的方法来操作节点,说得形象点,
我们获取节点后,可以和节点对话,我们可以向节点发送消息
,而消息会激发节点对象相应的动作,具体的,
我们可以发送getAttribute("XXX")
;消息来获取节点对象属性的值
我们还可以
发送消息setAttribute(key,value);来设置指定节点属性为key的值为value。
2014.07.09
03:43
于福州
posted on 2014-07-09 03:33
swp
阅读(160)
评论(0)
编辑
收藏
引用
所属分类:
Web
只有注册用户
登录
后才能发表评论。
【推荐】100%开源!大型工业跨平台软件C++源码提供,建模,组态!
相关文章:
JS(04)图片库改进之书写优秀的JS-DOM
JS(03) Node节点属性和事件之图片库
JS(02)-DOM介绍
JS(01)-JavaScript语法
(SQL总结精华)sixleaves之mysql之表的连接详细总结
网站导航:
博客园
IT新闻
BlogJava
知识库
博问
管理
Powered by:
C++博客
Copyright © swp