HTML DOM attributes 属性
元素对象
实例
获取元素属性的集合:
document.getElementsByTagName("BUTTON")[0].attributes;
定义和用法
attributes 属性返回指定节点属性的集合。
提示: 你可以使用 length 属性确定属性的数量,然后你可以遍历所有的属性节点提取你想要的信息。
提示: 每个属性都是可用……继续阅读 »
2年前 (2022-09-04) 10浏览 0评论
0个赞
HTML DOM childNodes 属性
元素对象
实例
获取 body 元素的子节点集合:
document.body.childNodes;
定义和用法
childNodes 属性返回包含被选节点的子节点的 NodeList。
提示: 如果选定的节点没有子节点,则该属性返回不包含节点的 NodeList。如需循环子节点列表,使用 nextSibling 属性,要比使用父对象的 childNodes ……继续阅读 »
2年前 (2022-09-04) 108浏览 0评论
0个赞
HTML DOM appendChild() 方法
元素对象
实例
添加列表项:
document.getElementById(“myList”).appendChild(newListItem);
添加前:
Coffee
Tea
添加后:
Coffee
Tea
Water
定义和用法
appendChild() 方法可向节点的子节点列表的末尾添加新的子节点。
提示:如果文档……继续阅读 »
2年前 (2022-09-04) 48浏览 0评论
0个赞
HTML DOM addEventListener() 方法
元素对象
实例
为 <button> 元素添加点击事件。
当用户点击按钮时,在 id=”demo” 的 <p> 元素上输出 “Hello World” :
document.getElementById(“myBtn”).addEventListener(……继续阅读 »
2年前 (2022-09-04) 906浏览 0评论
0个赞
HTML DOM accessKey 属性
元素对象
定义和用法
accessKey 属性可设置或返回访问单选按钮的快捷键。
注意: 请使用 Alt + accessKey 为拥有指定快捷键的元素赋予焦点。
语法
HTMLElementObject.accessKey=accessKey
浏览器支持
所有主要浏览器都支持 accessKey 属性
实例
实例
下面的例子可返回单选按钮的快捷键:
<!……继续阅读 »
2年前 (2022-09-04) 11浏览 0评论
0个赞
HTML DOM writeln() 方法
Document 对象
定义和用法
writeln() 方法与 write() 方法作用相同,外加可在每个表达式后写一个换行符。
语法
document.writeln(exp1,exp2,exp3,…)
参数
描述
exp1,exp2,exp3,…
可选.要写入的输出流。它们将按顺序被追加到文档中。
浏览器支持
所有主要浏览……继续阅读 »
2年前 (2022-09-04) 45浏览 0评论
0个赞
HTML DOM write() 方法
Document 对象
定义和用法
write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。
语法
document.write(exp1,exp2,exp3,…)
参数
描述
exp1,exp2,exp3,…
可选。要写入的输出流。多个参数可以列出,他们将按出现的顺序被追加到文档中
浏览器支持
所有主……继续阅读 »
2年前 (2022-09-04) 31浏览 0评论
0个赞
HTML DOM URL 属性
Document 对象
定义和用法
URL 属性可返回当前文档的 URL。
语法
document.URL
浏览器支持
所有主要浏览器都支持 URL 属性
实例
实例
返回当前文档的完整URL:
<html>
<body>
文档的完整的URL:
<script>
document.write(document.URL);
</sc……继续阅读 »
2年前 (2022-09-04) 17浏览 0评论
0个赞
HTML DOM title 属性
Document 对象
定义和用法
title 属性可返回当前文档的标题( HTML title 元素中的文本)。
语法
document.title
浏览器支持
所有主要浏览器都支持 title 属性
实例
实例
返回当前文档的标题:
<html>
<head>
<title>My title</title>
</……继续阅读 »
2年前 (2022-09-04) 23浏览 0评论
0个赞
HTML DOM scripts 集合
Document 对象
实例
查看文档中有多少个 <script> 元素:
var x = document.scripts.length;
定义与用法
scripts 集合返回文档中所有 <script> 元素的集合。
注意: 元素在集合中的排序是它们在源代码中的顺序。
提示: 相关内容 Script
对象。
浏览器支持
表格中的数字表示支持……继续阅读 »
2年前 (2022-09-04) 23浏览 0评论
0个赞
HTML DOM strictErrorChecking 属性
Document 对象
定义和用法
strictErrorChecking 属性可设置或返回是否强制进行错误检查(error-checking)。
在设置为 false 后,实现不会对每个可能的错误情况进行测试。此属性被默认设置为 true。
默认值为 true.
浏览器支持
目前所有主流浏览器都不支持 strictErrorChecking ……继续阅读 »
2年前 (2022-09-04) 35浏览 0评论
0个赞
HTML DOM renameNode() 方法
Document 对象
实例
重新命名 p 元素:
var p=document.getElementsByTagName(“P”)[0];
document.renameNode(p,null,”h1″);
定义和用法
renameNode() 方法重命名已有的元素节点或属性节点。
浏览器支持
目前没有主流浏览……继续阅读 »
2年前 (2022-09-04) 31浏览 0评论
0个赞
HTML DOM removeEventListener() 方法
Document 对象
实例
移除由 addEventListener() 方法添加的 “mousemove” 事件:
// 在文档中添加事件句柄document.addEventListener(“mousemove”,
myFunction);
// 移除文档中的事件句柄
document.……继续阅读 »
2年前 (2022-09-04) 34浏览 0评论
0个赞
HTML DOM readyState 属性
Document 对象
定义和用法
readyState 属性返回当前文档的状态(载入中……)。
该属性返回以下值:
uninitialized – 还未开始载入
loading – 载入中
interactive – 已加载,文档与用户可以开始交互
complete – 载入完成
语法
document.read……继续阅读 »
2年前 (2022-09-04) 25浏览 0评论
0个赞
HTML DOM referrer 属性
Document 对象
定义和用法
referrer 属性返回载入当前文档的来源文档的URL。
如果当前文档不是通过超级链接访问的,则为 null。这个属性允许客户端 JavaScript 访问 HTTP 引用头部。
语法
document.referrer
浏览器支持
所有主要浏览器都支持 referrer 属性
实例
实例
返回当前文档的来源URL:
<……继续阅读 »
2年前 (2022-09-04) 19浏览 0评论
0个赞
HTML DOM querySelectorAll() 方法
Document 对象
实例
获取文档中 class=”example” 的所有元素:
var x = document.querySelectorAll(".example");
定义与用法
querySelectorAll() 方法返回文档中匹配指定 CSS 选择器的所有元素,返回 NodeList ……继续阅读 »
2年前 (2022-09-04) 44浏览 0评论
0个赞
HTML DOM open() 方法
Document 对象
定义和用法
open() 方法打开一个输出流来收集
document.write() 或
document.writeln() 方法输出的内容。
调用 open() 方法打开一个新文档并且用 write() 方法设置文档内容后,必须记住用
document.close() 方法关闭文档,并迫使其内容显示出来。
注意:如果目标文件已经存在,它将被清除。如……继续阅读 »
2年前 (2022-09-04) 60浏览 0评论
0个赞
HTML DOM querySelector() 方法
Document 对象
实例
获取文档中 id=”demo” 的元素:
document.querySelector(“#demo”);
定义和用法
querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。
注意: querySelector() 方法仅仅返回匹配指定选择器的第一个……继续阅读 »
2年前 (2022-09-04) 17浏览 0评论
0个赞
HTML DOM normalizeDocument() 方法
Document 对象
实例
规范一个实体文档:
document.normalizeDocument();
定义和用法
normalizeDocument() 方法可以移除空文本节点 , 并合并相邻节点。
目前没有主流浏览器支持 normalizeDocument() 方法, 但是可以使用类似的方法 normalize() 方法。
浏览器支持……继续阅读 »
2年前 (2022-09-04) 30浏览 0评论
0个赞
HTML DOM links 集合
Document 对象
定义和用法
links 集合返回当前文档所有链接的数组。
提示: links 集合计算 <a href=””> 标签和 <area> 标签。
语法
document.links[].property
浏览器支持
所有主要浏览器都支持 links 集合
实例
实例 1
返回文档的链接数:
<!D……继续阅读 »
2年前 (2022-09-04) 12浏览 0评论
0个赞
HTML DOM normalize() 方法
Document 对象
实例
规范一个文档:
document.normalize();
定义和用法
normalize 方法合并相邻的文本节点并删除空的文本节点。
浏览器支持
所有主要浏览器都支持 normalize 方法
语法
node.normalize()
参数
None.
返回值
没有返回值。
技术细节
DOM 版本
Core Level 2……继续阅读 »
2年前 (2022-09-04) 18浏览 0评论
0个赞
HTML DOM inputEncoding 属性
Document 对象
实例
显示当前文档的字符编码:
document.inputEncoding;
输出结果:
UTF-8
定义和用法
inputEncoding 属性可返回文档的编码(在解析时)。
如果问的在内存中创建返回 null 。
浏览器支持
除了 Opera浏览器,所有主流浏览器都支持 inputEncoding 属性。
注意: Inte……继续阅读 »
2年前 (2022-09-04) 20浏览 0评论
0个赞
HTML DOM lastModified 属性
Document 对象
定义和用法
lastModified 属性可返回文档最后被修改的日期和时间。
语法
document.lastModified
浏览器支持
是有主流浏览器都支持 lastModified 属性。
实例
实例
返回文档最后修改的日期和时间:
<html>
<body>
文档最后修改的日期和时间:
<scr……继续阅读 »
2年前 (2022-09-04) 12浏览 0评论
0个赞
HTML DOM importNode() 方法
Document 对象
实例
返回iframe中第一个 H1 元素:
var frame=document.getElementsByTagName(“iframe”)[0]var
h=frame.contentWindow.document.getElementsByTagName(“h1”)[0];var
x……继续阅读 »
2年前 (2022-09-04) 11浏览 0评论
0个赞
HTML DOM images 集合
Document 对象
定义和用法
images 集合返回当前文档中所有图片的数组。
语法
document.images[].property
浏览器支持
所有主要浏览器都支持 images 集合
实例
实例 1
返回文档的图片数:
<html>
<body>
<img border=”0″ src=”……继续阅读 »
2年前 (2022-09-04) 13浏览 0评论
0个赞
HTML DOM implementation 属性
Document 对象
实例
返回处理该文档的 DOMImplementation 对象:
document.implementation;
定义和用法
implementation 属性可返回处理该文档的 DOMImplementation 对象。
浏览器支持
所有主要浏览器都支持 implementation 属性
语法
document.im……继续阅读 »
2年前 (2022-09-04) 17浏览 0评论
0个赞
HTML DOM getElementsByTagName() 方法
Document 对象
实例
返回带有指定标签名的对象的集合:
document.getElementsByTagName(“P”);
定义和用法
getElementsByTagName() 方法可返回带有指定标签名的对象的集合。
提示: 参数值 “*” 返回文档的所有元素。
浏览器支持
……继续阅读 »
2年前 (2022-09-04) 33浏览 0评论
0个赞
HTML DOM getElementById() 方法
Document 对象
实例
返回指定 ID 的元素:
document.getElementById("demo");
定义和用法
getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。
HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsB……继续阅读 »
2年前 (2022-09-04) 77浏览 0评论
0个赞
HTML DOM getElementsByName() 方法
Document 对象
定义和用法
getElementsByName() 方法可返回带有指定名称的对象的集合。
语法
document.getElementsByName(name)
参数
描述
name
必须。元素的名称。
浏览器支持
所有主要浏览器都支持 getElementsByName() 方法
实例
实例
弹出指定……继续阅读 »
2年前 (2022-09-04) 97浏览 0评论
0个赞
HTML DOM getElementsByClassName() 方法
Document 对象
实例
获取所有指定类名的元素:
var x =
document.getElementsByClassName(“example”);
定义和使用
getElementsByClassName() 方法返回文档中所有指定类名的元素集合,作为 NodeList 对象。
NodeList 对象……继续阅读 »
2年前 (2022-09-04) 55浏览 0评论
0个赞