-
Notifications
You must be signed in to change notification settings - Fork 64
Expand file tree
/
Copy pathjavascript-dom-document.js
More file actions
101 lines (87 loc) · 2.09 KB
/
javascript-dom-document.js
File metadata and controls
101 lines (87 loc) · 2.09 KB
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
-----------------------
document |
-----------------------
-----------------------
属性 |
-----------------------
all
* 提供对文档中多有HTML元素的访问,火狐不支持,返回数组
anchors
* 返回对文档中所有 Anchor 对象的引用。
forms
* 返回文档中所有Form对象引用,返回数组
images
* 返回所有imgae对象,返回数组
body
* 提供对<body>元素的直接访问
links
* 返回所有links的引用,返回数组
body
* 提供对 <body> 元素的直接访问。
* 对于定义了框架集的文档，该属性引用最外层的 <frameset>。
cookie
* 设置或返回与当前文档有关的所有 cookie。
domain
* 返回当前文档的域名。
lastModified
* 返回文档被最后修改的日期和时间。
referrer
* 返回载入当前文档的文档的 URL。
title
* 返回当前文档的标题。
URL
* 返回当前文档的 URL。
-----------------------
方法 |
-----------------------
querySelectorAll();
* 根据表达式检索一组节点
* 表达式
* 标签+属性名称
'input.error'
* 返回 class 值为 error 的 input 框
* id + 标签名称
'#results td'
* 返回 id 为 results 元素下的所有 td 元素
* 多个规则
'.hightClass','.lowClass'
* 允许有多个匹配规则,使用 |
* 事件规则
'td:hover'
* 返回当前 hover 的td
* 根据事件检索
querySelector();
* 跟进表达式检索一个节点
getElementById();
* 根据标签的ID值获取标签
getElementsByTagName();
* 根据标签名称获取节点,返回:HTMLCollection
* 允许使用通配符: * ,代表所有的节点信息
* demo
var nodes = getElementsByTagName("div");
nodes[0];
nodes.item(0);
getElementsByName();
* 根据name属性值获取节点,返回:NodeList
* demo
var nodes = getElementsByName("foo");
nodes[0];
nodes.item(0);
createElement();
* 创建一个HTML节点
createTextNode();
* 创建一个文本节点
createAttribute();
* 创建一个指定名称的属性节点对象
createComment();
* 创建注释节点
write();
* 向HTML文档输出内容,会覆盖原来的
close()
* 关闭用 document.open() 方法打开的输出流，并显示选定的数据。
open()
* 打开一个流，以收集来自任何 document.write() 或 document.writeln() 方法的输出。
write()
* 向文档写 HTML 表达式 或 JavaScript 代码。
writeln()
* 等同于 write() 方法，不同的是在每个表达式之后写一个换行符。