-
Notifications
You must be signed in to change notification settings - Fork 38
Expand file tree
/
Copy pathDocument.html
More file actions
224 lines (201 loc) · 53.5 KB
/
Copy pathDocument.html
File metadata and controls
224 lines (201 loc) · 53.5 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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
<!DOCTYPE html><html><head><meta charset="utf-8"><title>Document JavaScript API</title><meta name="description" content="Interactive API reference for the JavaScript Document Object. "><link rel="stylesheet" type="text/css" href="styles.css"><script type="text/javascript">var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-23450559-1']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();</script></head><body><script>if (sessionStorage.collapsed === 'true') {
document.body.classList.add('members-collapsed');
}
if (localStorage.theme) {
document.body.parentElement.classList.add(localStorage.theme);
}</script><div class="topnav"><a href="/">JavaScripture</a><div class="bookmarks"><a class="bookmark contribute" href="https://github.com/nkronlage/JavaScripture">Contribute via GitHub</a> <a class="bookmark" href="/feedback">Feedback</a></div></div><div class="container"><nav class="leftnav"><div id="searchContainer"><input id="searchBox" type="text" placeholder="Search (Ctrl + S)" autocomplete="false"><div id="resultsBox" style="display:none;"></div></div><div id="apichooser"><a href="#" onclick="openApiChooser(); return false;"><div class="arrow"></div><span id="selectedsets"></span></a><div id="obscure"></div><div id="apisets"><ul></ul></div></div><div class="toc"><h2>Document</h2><div class="navgroup"><div class="group collapsed"><a href="#InstanceProperties" onclick="expandoClicked(this.parentNode); return false;"><div class="arrow"></div>Instance Properties</a><div class="subgroup"><a href="#activeElement">activeElement</a><a href="#body">body</a><a href="#characterSet">characterSet</a><a href="#compatMode">compatMode</a><a href="#contentType">contentType</a><a href="#cookie">cookie</a><a href="#doctype">doctype</a><a href="#documentElement">documentElement</a><a href="#documentURI">documentURI</a><a href="#fullscreenElement" title="fullscreenElement">fullscreenElement</a><a href="#fullscreenEnabled" title="fullscreenEnabled">fullscreenEnabled</a><a href="#implementation">implementation</a><a href="#pointerLockElement" title="pointerLockElement">pointerLockElement</a><a href="#readyState">readyState</a><a href="#styleSheets">styleSheets</a><a href="#title">title</a><a href="#URL">URL</a></div></div><div class="group collapsed"><a href="#InstanceMethods" onclick="expandoClicked(this.parentNode); return false;"><div class="arrow"></div>Instance Methods</a><div class="subgroup"><a href="#adoptNode_Node">adoptNode</a><a href="#append_Node_Node_dotdotdot">append</a><a href="#createComment_String">createComment</a><a href="#createDocumentFragment_" title="createDocumentFragment">createDocumentFragment</a><a href="#createElement_String_String">createElement</a><a href="#createElementNS_String_String_String">createElementNS</a><a href="#createEvent_String">createEvent</a><a href="#createNodeIterator_Node_Number_NodeFilter" title="createNodeIterator">createNodeIterator</a><a href="#createProcessingInstruction_String_String" title="createProcessingInstruction">createProcessingInstruction</a><a href="#createRange_">createRange</a><a href="#createTextNode_String">createTextNode</a><a href="#createTreeWalker_Node_Number_NodeFilter" title="createTreeWalker">createTreeWalker</a><a href="#exitFullscreen_">exitFullscreen</a><a href="#exitPointerLock_">exitPointerLock</a><a href="#getElementById_String">getElementById</a><a href="#getElementsByClassName_String" title="getElementsByClassName">getElementsByClassName</a><a href="#getElementsByTagName_String" title="getElementsByTagName">getElementsByTagName</a><a href="#getElementsByTagNameNS_String_String" title="getElementsByTagNameNS">getElementsByTagNameNS</a><a href="#hasFocus_">hasFocus</a><a href="#importNode_Node_Boolean">importNode</a><a href="#prepend_Node_Node_dotdotdot">prepend</a><a href="#querySelector_String">querySelector</a><a href="#querySelectorAll_String" title="querySelectorAll">querySelectorAll</a></div></div><div class="group collapsed"><a href="#InstanceEvents" onclick="expandoClicked(this.parentNode); return false;"><div class="arrow"></div>Instance Events</a><div class="subgroup"><a href="#abort">abort</a><a href="#copy">copy</a><a href="#cut">cut</a><a href="#fullscreenchange" title="fullscreenchange">fullscreenchange</a><a href="#fullscreenerror">fullscreenerror</a><a href="#load">load</a><a href="#paste">paste</a><a href="#pointerlockchange" title="pointerlockchange">pointerlockchange</a><a href="#pointerlockerror" title="pointerlockerror">pointerlockerror</a><a href="#readystatechange" title="readystatechange">readystatechange</a><a href="#touchcancel">touchcancel</a><a href="#touchend">touchend</a><a href="#touchmove">touchmove</a><a href="#touchstart">touchstart</a></div></div></div><h2>DOM API</h2><div id="related-apis" class="navgroup"></div><h2>All API</h2><div id="rootObjs" class="navgroup"><span class="empty">No API set selected.</span></div></div></nav><div class="content"><h1 class="declaration"><span class="object">Document</span> <span class="type">: <a href="/Node">Node</a></span></h1><div class="metadata"></div><div class="objectdescription"><div class="membermetadata"><a href="https://dom.spec.whatwg.org/#interface-document" class="spec">Spec</a></div></div><div><a name="InstanceProperties"></a><h2>Instance Properties</h2><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="activeElement"></a><div class="declaration"><span class="membername primary">activeElement</span> : <a class="membertype" href="/Element">Element</a></div><div class="member-body"><p class="description">Returns the currently focused element. If there is no focused element, returns <a href="#body"><code>this.body</code></a>. See also <a href="/hasFocus"><code>hasFocus()</code></a>, <a href="/Window#onblur"><code>window.onblur</code></a>, and <a href="/Window#onfocus"><code>window.onfocus</code></a>.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<!-- Try tabbing around the elements in the example -->
<input value='input 1'><br>
<button>button</button><br>
<input value='input 3'>
<div>
activeElement: <span id='activeElement'></span>
</div>
<script>
var activeElementOutput = document.getElementById('activeElement');
var onFocusChange = function() {
activeElementOutput.textContent = document.activeElement.tagName;
};
window.addEventListener('focus', onFocusChange, true);
window.addEventListener('blur', onFocusChange, true);
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Document.activeElement"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="body"></a><div class="declaration"><span class="membername primary">body</span> : <a class="membertype" href="/HTMLBodyElement">HTMLBodyElement</a></div><div class="member-body"><p class="description"></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="characterSet"></a><div class="declaration"><span class="membername primary">characterSet</span> : <a class="membertype" href="/String">String</a></div><div class="member-body"><p class="description"></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="compatMode"></a><div class="declaration"><span class="membername primary">compatMode</span> : <a class="membertype" href="/String">String</a></div><div class="member-body"><p class="description"></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="contentType"></a><div class="declaration"><span class="membername primary">contentType</span> : <a class="membertype" href="/String">String</a></div><div class="member-body"><p class="description"></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="cookie"></a><div class="declaration"><span class="membername primary">cookie</span> : <a class="membertype" href="/String">String</a></div><div class="member-body"><p class="description">Returns the cookies sent to the server when requesting resources. You can add additional cookies by setting <code>'key=value'</code> strings to <code>cookie</code>. This will replace any existing value for the specified cookie but will not affect other cookies. You may append additional metadata for the cookie by adding <code>';metadata-key1=metadata-value1;metadata-key2=metadata-value2;...'</code> to the end of the string when setting the cookie. See <a href="http://www.ietf.org/rfc/rfc2965.txt">Set Cookie Syntax (on page 5)</a> for more details on the supported metadata keys and values.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<script>
var getCookies = function() {
if (document.cookie.length === 0) {
return {};
}
// Split on ';' followed by spaces
var cookies = document.cookie.split(/;\s*/g);
// Get the property/value pairs for each cookie
var entries = cookies.map(function(cookie) {
return cookie.split('=');
});
return Object.fromEntries(entries);
};
var clearCookies = function() {
var cookies = getCookies();
for (var key in cookies) {
// Remove a cookie by setting its expires time in the past
document.cookie = key + '=;expires=' + new Date(0).toUTCString();
}
};
clearCookies();
document.cookie = 'MyCookie=ChocolateChip';
console.log(document.cookie);
document.cookie = 'MyIceCream=Mint';
console.log(document.cookie);
var cookies = getCookies();
console.dir(cookies)
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Document.cookie"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p><div class="membermetadata"><a href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-8747038" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="doctype"></a><div class="declaration"><span class="membername primary">doctype</span> : <a class="membertype" href="/DocumentType">DocumentType</a> <span class="metadata">readonly</span></div><div class="member-body"><p class="description"></p><div class="membermetadata"><a href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#ID-B63ED1A31" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="documentElement"></a><div class="declaration"><span class="membername primary">documentElement</span> : <a class="membertype" href="/Element">Element</a> <span class="metadata">readonly</span></div><div class="member-body"><p class="description">Usually a <a href="/HTMLHtmlElement"><code>HTMLHtmlElement</code></a>.</p><div class="membermetadata"><a href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#ID-87CD092" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="documentURI"></a><div class="declaration"><span class="membername primary">documentURI</span> : <a class="membertype" href="/String">String</a></div><div class="member-body"><p class="description"></p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<script>
console.log(document.URL);
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Document.documentURI"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p><div class="membermetadata"><a href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#Document3-documentURI" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="fullscreenElement"></a><div class="declaration"><span class="membername primary">fullscreenElement</span> : <a class="membertype" href="/Element">Element</a> <span class="metadata">readonly</span></div><div class="member-body"><p class="description">The element that is currently fullscreen from a call to <a href="/Element#requestFullscreen"><code>element.requestFullscreen()</code></a>.</p><div class="membermetadata"><a href="https://fullscreen.spec.whatwg.org/#dom-document-fullscreenelement" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="fullscreenEnabled"></a><div class="declaration"><span class="membername primary">fullscreenEnabled</span> : <a class="membertype" href="/Boolean">Boolean</a> <span class="metadata">readonly</span></div><div class="member-body"><p class="description"><code>true</code> if the <a href="/Element#requestFullscreen"><code>element.requestFullscreen()</code></a> API is enabled.</p><div class="membermetadata"><a href="https://fullscreen.spec.whatwg.org/#dom-document-fullscreenenabled" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="implementation"></a><div class="declaration"><span class="membername primary">implementation</span> : <a class="membertype" href="/DOMImplementation">DOMImplementation</a> <span class="metadata">readonly</span></div><div class="member-body"><p class="description"></p><div class="membermetadata"><a href="https://dom.spec.whatwg.org/#dom-document-implementation" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="pointerLockElement"></a><div class="declaration"><span class="membername primary">pointerLockElement</span> : <a class="membertype" href="/Element">Element</a> <span class="metadata">readonly</span></div><div class="member-body"><p class="description">The element that currently has the pointer locked by a call to <a href="/Element#requestPointerLock"><code>element.requestPointerLock()</code></a>.</p><div class="membermetadata"><a href="https://w3c.github.io/pointerlock/#dom-documentorshadowroot-pointerlockelement" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="readyState"></a><div class="declaration"><span class="membername primary">readyState</span> : <a class="membertype" href="/String">String</a></div><div class="member-body"><p class="description">Returns <code>'loading'</code> while <code>this</code> is loading, <code>'interactive'</code> when <code>this</code> has loaded but not all subresources are loaded, and <code>'complete'</code> once <code>this</code> and all subresources are loaded.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<script>
console.log('in script: ' + document.readyState);
window.addEventListener('DOMContentLoaded', function() {
console.log('in DOMContentLoaded: ' + document.readyState);
});
window.onload = function() {
console.log('in onload: ' + document.readyState);
};
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Document.readyState"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="styleSheets"></a><div class="declaration"><span class="membername primary">styleSheets</span> : <a class="membertype" href="/StyleSheetList">StyleSheetList</a></div><div class="member-body"><p class="description"></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="title"></a><div class="declaration"><span class="membername primary">title</span> : <a class="membertype" href="/String">String</a></div><div class="member-body"><p class="description">Sets the title of the window.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<button onclick="setTitle()">Set Title</button>
<script>
var setTitle = function() {
// Grab the parent of the example (ie, the
// www.javascripture.com window) and set its title.
var javascriptureWindow = window.parent;
javascriptureWindow.document.title = 'foo';
}
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Document.title"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="URL"></a><div class="declaration"><span class="membername primary">URL</span> : <a class="membertype" href="/String">String</a></div><div class="member-body"><p class="description"></p></div></div></div><div><a name="InstanceMethods"></a><h2>Instance Methods</h2><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="adoptNode"></a> <a name="adoptNode_Node"></a><div class="declaration"><span class="membername primary">adoptNode</span>(<span class="membername">source</span> : <a class="membertype" href="/Node">Node</a>) : <a class="membertype" href="/Node">Node</a></div><div class="member-body"><p class="description"></p><div class="membermetadata"><a href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#Document3-adoptNode" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="append"></a> <a name="append_Node_Node_dotdotdot"></a><div class="declaration"><span class="membername primary">append</span>(<span class="membername">node0</span> : <a class="membertype" href="/Node">Node</a>, <span class="optional">[<span class="membername">node1</span> : <a class="membertype" href="/Node">Node</a>, <span class="optional">[<span class="membername">...</span>]</span>]</span>) : <a class="membertype" href="/undefined">undefined</a></div><div class="member-body"><p class="description"></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="createComment"></a> <a name="createComment_String"></a><div class="declaration"><span class="membername primary">createComment</span>(<span class="membername">data</span> : <a class="membertype" href="/String">String</a>) : <a class="membertype" href="/Comment">Comment</a></div><div class="member-body"><p class="description"></p><div class="membermetadata"><a href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#ID-1334481328" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="createDocumentFragment"></a> <a name="createDocumentFragment_"></a><div class="declaration"><span class="membername primary">createDocumentFragment</span>() : <a class="membertype" href="/DocumentFragment">DocumentFragment</a></div><div class="member-body"><p class="description"></p><div class="membermetadata"><a href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#ID-35CB04B5" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="createElement"></a> <a name="createElement_String_String"></a><div class="declaration"><span class="membername primary">createElement</span>(<span class="membername">tagName</span> : <a class="membertype" href="/String">String</a>, <span class="optional">[<span class="membername">typeExtension</span> : <a class="membertype" href="/String">String</a>]</span>) : <a class="membertype" href="/Element">Element</a></div><div class="member-body"><p class="description"></p><div class="membermetadata"><a href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#ID-2141741547" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="createElementNS"></a> <a name="createElementNS_String_String_String"></a><div class="declaration"><span class="membername primary">createElementNS</span>(<span class="membername">namespaceURI</span> : <a class="membertype" href="/String">String</a>, <span class="membername">qualifiedName</span> : <a class="membertype" href="/String">String</a>, <span class="optional">[<span class="membername">typeExtension</span> : <a class="membertype" href="/String">String</a>]</span>) : <a class="membertype" href="/Element">Element</a></div><div class="member-body"><p class="description"></p><div class="membermetadata"><a href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#ID-DocCrElNS" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="createEvent"></a> <a name="createEvent_String"></a><div class="declaration"><span class="membername primary">createEvent</span>(<span class="membername">eventInterfaceName</span> : <a class="membertype" href="/String">String</a>) : <a class="membertype" href="/Event">Event</a></div><div class="member-body"><p class="description"></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="createNodeIterator"></a> <a name="createNodeIterator_Node_Number_NodeFilter"></a><div class="declaration"><span class="membername primary">createNodeIterator</span>(<span class="membername">root</span> : <a class="membertype" href="/Node">Node</a>, <span class="optional">[<span class="membername">whatToShow</span> : <a class="membertype" href="/Number">Number</a>, <span class="optional">[<span class="membername">filter</span> : <a class="membertype" href="/NodeFilter">NodeFilter</a>]</span>]</span>) : <a class="membertype" href="/NodeIterator">NodeIterator</a></div><div class="member-body"><p class="description"></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="createProcessingInstruction"></a> <a name="createProcessingInstruction_String_String"></a><div class="declaration"><span class="membername primary">createProcessingInstruction</span>(<span class="membername">target</span> : <a class="membertype" href="/String">String</a>, <span class="membername">data</span> : <a class="membertype" href="/String">String</a>) : <a class="membertype" href="/ProcessingInstruction">ProcessingInstruction</a></div><div class="member-body"><p class="description"></p><div class="membermetadata"><a href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#ID-135944439" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="createRange"></a> <a name="createRange_"></a><div class="declaration"><span class="membername primary">createRange</span>() : <a class="membertype" href="/Range">Range</a></div><div class="member-body"><p class="description"></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="createTextNode"></a> <a name="createTextNode_String"></a><div class="declaration"><span class="membername primary">createTextNode</span>(<span class="membername">data</span> : <a class="membertype" href="/String">String</a>) : <a class="membertype" href="/Text">Text</a></div><div class="member-body"><p class="description"></p><div class="membermetadata"><a href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#ID-1975348127" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="createTreeWalker"></a> <a name="createTreeWalker_Node_Number_NodeFilter"></a><div class="declaration"><span class="membername primary">createTreeWalker</span>(<span class="membername">root</span> : <a class="membertype" href="/Node">Node</a>, <span class="optional">[<span class="membername">whatToShow</span> : <a class="membertype" href="/Number">Number</a>, <span class="optional">[<span class="membername">filter</span> : <a class="membertype" href="/NodeFilter">NodeFilter</a>]</span>]</span>) : <a class="membertype" href="/TreeWalker">TreeWalker</a></div><div class="member-body"><p class="description"></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="exitFullscreen"></a> <a name="exitFullscreen_"></a><div class="declaration"><span class="membername primary">exitFullscreen</span>() : <a class="membertype" href="/Promise">Promise</a><<a class="membertype" href="/undefined">undefined</a>></div><div class="member-body"><p class="description">Exits fullscreen mode. See also <a href="/Element#requestFullscreen"><code>element.requestFullscreen()</code></a>.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<div style="background: pink;">
Element
<button id="enter">Enter Fullscreen</button>
<button id="exit">Exit Fullscreen</button>
</div>
<script>
document.querySelector('#enter').onclick = async () => {
const div = document.querySelector('div');
if (div.requestFullscreen) {
await div.requestFullscreen();
}
else if (div.webkitRequestFullscreen) {
div.webkitRequestFullscreen();
}
};
document.querySelector('#exit').onclick = async () => {
if (document.exitFullscreen) {
await document.exitFullscreen();
}
else if (document.webkitExitFullscreen) {
document.webkitExitFullscreen();
}
};
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Document.exitFullscreen"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p><div class="membermetadata"><a href="https://fullscreen.spec.whatwg.org/#dom-document-exitfullscreen" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="exitPointerLock"></a> <a name="exitPointerLock_"></a><div class="declaration"><span class="membername primary">exitPointerLock</span>() : <a class="membertype" href="/undefined">undefined</a></div><div class="member-body"><p class="description">Releases the pointer locked with <a href="/Element#requestPointerLock">element.requestPointerLock()</a>.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<button id="request">Request Pointer Lock</button>
<pre id="output" style="background: #eee; height: 100px">
<script>
document.querySelector('#request').onclick = (e) => {
document.body.requestPointerLock();
e.stopPropagation();
};
document.body.onclick = () => {
document.exitPointerLock();
};
document.body.onmousemove = (e) => {
const output = document.getElementById('output');
output.textContent = 'hasPointerLock: ' + !!document.pointerLockElement + '\n' +
'movementX: ' + e.movementX + '\n' +
'movementY: ' + e.movementY;
};
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Document.exitPointerLock"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p><div class="membermetadata"><a href="https://w3c.github.io/pointerlock/#dom-document-exitpointerlock" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="getElementById"></a> <a name="getElementById_String"></a><div class="declaration"><span class="membername primary">getElementById</span>(<span class="membername">elementId</span> : <a class="membertype" href="/String">String</a>) : <a class="membertype" href="/Element">Element</a></div><div class="member-body"><p class="description">Returns the Element in the document that has <a href="/Element#id">Element.id</a> equal to <code>elementId</code>.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<div id='foo'></div>
<script>
var foo = document.getElementById('foo');
foo.textContent = 'My Div';
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Document.getElementById"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p><div class="membermetadata"><a href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#ID-getElBId" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="getElementsByClassName"></a> <a name="getElementsByClassName_String"></a><div class="declaration"><span class="membername primary">getElementsByClassName</span>(<span class="membername">classNames</span> : <a class="membertype" href="/String">String</a>) : <a class="membertype" href="/NodeList">NodeList</a></div><div class="member-body"><p class="description">Returns a NodeList containing the <a href="/Element">Elements</a> in the document where the <a href="/Element#className"><code>Element.className</code></a> matches the specified <code>classNames</code>. <code>classNames</code> can contain multiple classes, separated by spaces, and the returned Elements must contain all the classes. The returned NodeList will update as the document changes.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<div class='foo bar'>div1</div>
<div class='foo'>div2</div>
<script>
var foos = document.getElementsByClassName('foo');
console.log('foos.length = ' + foos.length);
var fooBars = document.getElementsByClassName('bar foo');
console.log('fooBars.length = ' + fooBars.length);
// Adding the 'bar' class to div2 will update fooBars automatically
foos[1].classList.add('bar');
console.log('fooBars.length = ' + fooBars.length);
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Document.getElementsByClassName"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="getElementsByTagName"></a> <a name="getElementsByTagName_String"></a><div class="declaration"><span class="membername primary">getElementsByTagName</span>(<span class="membername">tagName</span> : <a class="membertype" href="/String">String</a>) : <a class="membertype" href="/NodeList">NodeList</a></div><div class="member-body"><p class="description">Returns a NodeList containing the <a href="/Element">Elements</a> in the document that have the <a href="/Element#tagName"><code>Element.tagName</code></a> equal to <code>tagName</code> (case insensitive). The returned NodeList will update as the document changes.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<div>foo</div>
<div>bar</div>
<script>
var divs = document.getElementsByTagName('div');
console.log(divs.length);
for (var i = 0; i < divs.length; i++) {
console.log(divs[i].textContent);
}
console.log();
// The divs NodeList will update automatically when you add
// another div
var baz = document.createElement('div');
baz.textContent = 'baz';
document.body.appendChild(baz);
console.log(divs.length);
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Document.getElementsByTagName"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p><div class="membermetadata"><a href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#ID-A6C9094" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="getElementsByTagNameNS"></a> <a name="getElementsByTagNameNS_String_String"></a><div class="declaration"><span class="membername primary">getElementsByTagNameNS</span>(<span class="membername">namespaceURI</span> : <a class="membertype" href="/String">String</a>, <span class="membername">localName</span> : <a class="membertype" href="/String">String</a>) : <a class="membertype" href="/NodeList">NodeList</a></div><div class="member-body"><p class="description"></p><div class="membermetadata"><a href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#ID-getElBTNNS" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="hasFocus"></a> <a name="hasFocus_"></a><div class="declaration"><span class="membername primary">hasFocus</span>() : <a class="membertype" href="/Boolean">Boolean</a></div><div class="member-body"><p class="description">Returns <code>true</code> if the document has keyboard focus. See also <a href="/activeElement"><code>activeElement</code></a>, <a href="/Window#onblur"><code>window.onblur</code></a>, and <a href="/Window#onfocus"><code>window.onfocus</code></a>.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<!-- Click between this box and example to change focus -->
<input id='input'>
<div>
Has focus: <span id='hasFocus'></span>
</div>
<script>
var hasFocusElement = document.getElementById('hasFocus');
var onFocusChange = function() {
hasFocusElement.textContent = document.hasFocus();
};
window.addEventListener('focus', onFocusChange);
window.addEventListener('blur', onFocusChange);
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Document.hasFocus"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="importNode"></a> <a name="importNode_Node_Boolean"></a><div class="declaration"><span class="membername primary">importNode</span>(<span class="membername">importedNode</span> : <a class="membertype" href="/Node">Node</a>, <span class="membername">deep</span> : <a class="membertype" href="/Boolean">Boolean</a>) : <a class="membertype" href="/Node">Node</a></div><div class="member-body"><p class="description"></p><div class="membermetadata"><a href="http://www.w3.org/TR/2004/REC-DOM-Level-3-Core-20040407/core.html#Core-Document-importNode" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="prepend"></a> <a name="prepend_Node_Node_dotdotdot"></a><div class="declaration"><span class="membername primary">prepend</span>(<span class="membername">node0</span> : <a class="membertype" href="/Node">Node</a>, <span class="optional">[<span class="membername">node1</span> : <a class="membertype" href="/Node">Node</a>, <span class="optional">[<span class="membername">...</span>]</span>]</span>) : <a class="membertype" href="/undefined">undefined</a></div><div class="member-body"><p class="description"></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="querySelector"></a> <a name="querySelector_String"></a><div class="declaration"><span class="membername primary">querySelector</span>(<span class="membername">selectors</span> : <a class="membertype" href="/String">String</a>) : <a class="membertype" href="/Element">Element</a></div><div class="member-body"><p class="description">Returns the first <code>Element</code> that matches the CSS selector.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<span id='foo'>foo1</span>
<span class='bar'>
<span class='baz'>baz1</span>
</span>
<span class='baz'>baz2</span>
<script>
var foo = document.querySelector('#foo');
console.log(foo.innerHTML);
var baz = document.querySelector('.baz');
console.log(baz.innerHTML);
var baz2 = document.querySelector('body > .baz');
console.log(baz2.innerHTML);
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Document.querySelector"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p><div class="membermetadata"><a href="http://www.w3.org/TR/selectors-api/#queryselector" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="querySelectorAll"></a> <a name="querySelectorAll_String"></a><div class="declaration"><span class="membername primary">querySelectorAll</span>(<span class="membername">cssSelector</span> : <a class="membertype" href="/String">String</a>) : <a class="membertype" href="/NodeList">NodeList</a></div><div class="member-body"><p class="description">Returns a <code>NodeList</code> containing the <code>Element</code>s in the document that match the CSS selector. Note that unlike <a href="#getElementsByClassName"><code>getElementsByClassName()</code></a> or <a href="#getElementsByTagName"><code>getElementsByTagName()</code></a>, the returned NodeList does not update as the document changes.</p><div class="htmlexample"><div class="codePanel"><h4>Example:</h4><textarea class="code" rows="19" cols="60" wrap="off">
<span id='foo'>foo1</span>
<span class='bar'>
<span class='baz'>baz1</span>
</span>
<span class='baz'>baz2</span>
<script>
var all = document.querySelectorAll('#foo, .baz');
console.log(all.length);
for (var i = 0; i < all.length; i++) {
console.log(all[i].innerHTML);
};
</script>
</textarea><a onclick='executeHTMLExample(this.parentNode.parentNode, "Document.querySelectorAll"); return false' href="#" class="run">Run</a></div><div class="resultsPanel"><h4>Results:</h4><div style="position: relative"><div class="htmlerrormessage" style="display: none"></div><iframe class="output" width="350" height="200"></iframe><pre class="results"> </pre></div></div></div><p></p><div class="membermetadata"><a href="http://www.w3.org/TR/selectors-api/#queryselectorall" class="spec">Spec</a></div></div></div></div><div><a name="InstanceEvents"></a><h2>Instance Events</h2><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="abort"></a> <a name="onabort"></a><div class="declaration"><span class="membername primary">onabort</span> / <span class="membername primary">'abort'</span> <span class="metadata">event</span><div class="subfunction"><span class="membername">listener</span>(<span class="membername">event</span> : <a class="membertype" href="/Event">Event</a>) : <a class="membertype" href="/undefined">undefined</a></div></div><div class="member-body"><p class="description"></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="copy"></a> <a name="oncopy"></a><div class="declaration"><span class="membername primary">oncopy</span> / <span class="membername primary">'copy'</span> <span class="metadata">event</span><div class="subfunction"><span class="membername">listener</span>(<span class="membername">event</span> : <a class="membertype" href="/ClipboardEvent">ClipboardEvent</a>) : <a class="membertype" href="/undefined">undefined</a></div></div><div class="member-body"><p class="description"></p><div class="membermetadata"><a href="https://w3c.github.io/clipboard-apis/#clipboard-event-copy" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="cut"></a> <a name="oncut"></a><div class="declaration"><span class="membername primary">oncut</span> / <span class="membername primary">'cut'</span> <span class="metadata">event</span><div class="subfunction"><span class="membername">listener</span>(<span class="membername">event</span> : <a class="membertype" href="/ClipboardEvent">ClipboardEvent</a>) : <a class="membertype" href="/undefined">undefined</a></div></div><div class="member-body"><p class="description"></p><div class="membermetadata"><a href="https://w3c.github.io/clipboard-apis/#clipboard-event-cut" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="fullscreenchange"></a> <a name="onfullscreenchange"></a><div class="declaration"><span class="membername primary">onfullscreenchange</span> / <span class="membername primary">'fullscreenchange'</span> <span class="metadata">event</span><div class="subfunction"><span class="membername">listener</span>(<span class="membername">event</span> : <a class="membertype" href="/Event">Event</a>) : <a class="membertype" href="/undefined">undefined</a></div></div><div class="member-body"><p class="description"></p><div class="membermetadata"><a href="https://fullscreen.spec.whatwg.org/#handler-document-onfullscreenchange" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="fullscreenerror"></a> <a name="onfullscreenerror"></a><div class="declaration"><span class="membername primary">onfullscreenerror</span> / <span class="membername primary">'fullscreenerror'</span> <span class="metadata">event</span><div class="subfunction"><span class="membername">listener</span>(<span class="membername">event</span> : <a class="membertype" href="/Event">Event</a>) : <a class="membertype" href="/undefined">undefined</a></div></div><div class="member-body"><p class="description"></p><div class="membermetadata"><a href="https://fullscreen.spec.whatwg.org/#handler-document-onfullscreenerror" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="load"></a> <a name="onload"></a><div class="declaration"><span class="membername primary">onload</span> / <span class="membername primary">'load'</span> <span class="metadata">event</span><div class="subfunction"><span class="membername">listener</span>(<span class="membername">event</span> : <a class="membertype" href="/Event">Event</a>) : <a class="membertype" href="/undefined">undefined</a></div></div><div class="member-body"><p class="description"></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="paste"></a> <a name="onpaste"></a><div class="declaration"><span class="membername primary">onpaste</span> / <span class="membername primary">'paste'</span> <span class="metadata">event</span><div class="subfunction"><span class="membername">listener</span>(<span class="membername">event</span> : <a class="membertype" href="/ClipboardEvent">ClipboardEvent</a>) : <a class="membertype" href="/undefined">undefined</a></div></div><div class="member-body"><p class="description"></p><div class="membermetadata"><a href="https://w3c.github.io/clipboard-apis/#clipboard-event-paste" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="pointerlockchange"></a> <a name="onpointerlockchange"></a><div class="declaration"><span class="membername primary">onpointerlockchange</span> / <span class="membername primary">'pointerlockchange'</span> <span class="metadata">event</span><div class="subfunction"><span class="membername">listener</span>(<span class="membername">event</span> : <a class="membertype" href="/Event">Event</a>) : <a class="membertype" href="/undefined">undefined</a></div></div><div class="member-body"><p class="description"></p><div class="membermetadata"><a href="https://w3c.github.io/pointerlock/#dom-document-onpointerlockchange" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="pointerlockerror"></a> <a name="onpointerlockerror"></a><div class="declaration"><span class="membername primary">onpointerlockerror</span> / <span class="membername primary">'pointerlockerror'</span> <span class="metadata">event</span><div class="subfunction"><span class="membername">listener</span>(<span class="membername">event</span> : <a class="membertype" href="/Event">Event</a>) : <a class="membertype" href="/undefined">undefined</a></div></div><div class="member-body"><p class="description"></p><div class="membermetadata"><a href="https://w3c.github.io/pointerlock/#dom-document-onpointerlockerror" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="readystatechange"></a> <a name="onreadystatechange"></a><div class="declaration"><span class="membername primary">onreadystatechange</span> / <span class="membername primary">'readystatechange'</span> <span class="metadata">event</span><div class="subfunction"><span class="membername">listener</span>(<span class="membername">event</span> : <a class="membertype" href="/Event">Event</a>) : <a class="membertype" href="/undefined">undefined</a></div></div><div class="member-body"><p class="description"></p></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="touchcancel"></a> <a name="ontouchcancel"></a><div class="declaration"><span class="membername primary">ontouchcancel</span> / <span class="membername primary">'touchcancel'</span> <span class="metadata">event</span><div class="subfunction"><span class="membername">listener</span>(<span class="membername">event</span> : <a class="membertype" href="/TouchEvent">TouchEvent</a>) : <a class="membertype" href="/undefined">undefined</a></div></div><div class="member-body"><p class="description"></p><div class="membermetadata"><a href="http://www.w3.org/TR/touch-events/#dfn-touchcancel" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="touchend"></a> <a name="ontouchend"></a><div class="declaration"><span class="membername primary">ontouchend</span> / <span class="membername primary">'touchend'</span> <span class="metadata">event</span><div class="subfunction"><span class="membername">listener</span>(<span class="membername">event</span> : <a class="membertype" href="/TouchEvent">TouchEvent</a>) : <a class="membertype" href="/undefined">undefined</a></div></div><div class="member-body"><p class="description">Called when the user stops touching the element.</p><div class="membermetadata"><a href="http://www.w3.org/TR/touch-events/#dfn-touchend" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="touchmove"></a> <a name="ontouchmove"></a><div class="declaration"><span class="membername primary">ontouchmove</span> / <span class="membername primary">'touchmove'</span> <span class="metadata">event</span><div class="subfunction"><span class="membername">listener</span>(<span class="membername">event</span> : <a class="membertype" href="/TouchEvent">TouchEvent</a>) : <a class="membertype" href="/undefined">undefined</a></div></div><div class="member-body"><p class="description">Called when the user moves while touching the element.</p><div class="membermetadata"><a href="http://www.w3.org/TR/touch-events/#dfn-touchmove" class="spec">Spec</a></div></div></div><div class="member"><div class="expand-members" title="Toggle showing all descriptions and examples"></div><a name="touchstart"></a> <a name="ontouchstart"></a><div class="declaration"><span class="membername primary">ontouchstart</span> / <span class="membername primary">'touchstart'</span> <span class="metadata">event</span><div class="subfunction"><span class="membername">listener</span>(<span class="membername">event</span> : <a class="membertype" href="/TouchEvent">TouchEvent</a>) : <a class="membertype" href="/undefined">undefined</a></div></div><div class="member-body"><p class="description">Called when the user begins touching the element.</p><div class="membermetadata"><a href="http://www.w3.org/TR/touch-events/#dfn-touchstart" class="spec">Spec</a></div></div></div></div><div class="bottomnav"><a href="/">home</a> <a href="/license">license</a> <a href="https://github.com/nkronlage/JavaScripture">contribute</a> <a href="/feedback">feedback</a> <a id="toggle-theme" href="#">toggle light/dark mode</a></div><div class="copyright">Copyright © JavaScripture Contributors</div></div></div></body><script src="javascripture.js"></script></html>