下载文档原格式
document对象的方法document对象是DOM中的顶层对象，它代表整个HTML文档。
下面是一些常用的document对象的方法：1. getElementById(id)：根据元素的id属性获取对应的元素节点。
2. getElementsByClassName(class)：根据元素的class属性获取对应的元素节点列表。
3. getElementsByTagName(tag)：根据元素的标签名获取对应的元素节点列表。
4. querySelector(selector)：根据CSS选择器选择匹配的第一个元素节点。
5. querySelectorAll(selector)：根据CSS选择器选择匹配的所有元素节点。
6. createElement(tagName)：创建一个指定标签名的元素节点。
7. createTextNode(text)：创建一个包含指定文本内容的文本节点。
8. appendChild(node)：将一个节点添加到当前元素节点的子节点列表的末尾。
9. removeChild(node)：从当前元素节点的子节点列表中移除指定的节点。
10. replaceChild(newNode, oldNode)：将指定的新节点替换为当前元素节点的子节点列表中的指定旧节点。
11. cloneNode(deep)：创建当前节点的副本，并返回副本的引用。
12. getElementByTagNameNS(namespace, tagName)：根据指定的命名空间和标签名获取对应的元素节点列表。
13. createAttribute(name)：创建一个指定名称的属性节点。
14. createComment(text)：创建一个包含指定注释内容的注释节点。
15. createDocumentFragment()：创建一个空白的文档片段节点。
16. importNode(node, deep)：将指定的节点导入到当前文档中，并返回导入节点的引用。
document对象调用方法在JavaScript中，`document` 对象是代表整个HTML或XML文档的浏览器对象，可以用来访问和操作整个文档。
以下是几种常用的`document`对象的方法：1. `getElementById(id)`：返回文档中指定id的元素。
```javascriptvar element = ("myElement");```2. `getElementsByClassName(className)`：返回文档中所有指定类名的元素集合。
```javascriptvar elements = ("myClass");```3. `getElementsByTagName(tagName)`：返回文档中所有指定标签名的元素集合。
```javascriptvar elements = ("div");```4. `querySelector(selector)`：返回文档中匹配指定CSS选择器的第一个元素。
```javascriptvar element = (".myClass");```5. `querySelectorAll(selector)`：返回文档中匹配指定CSS选择器的所有元素的NodeList。
```javascriptvar elements = (".myClass");```6. `createElement(tagName)`：创建一个指定标签名的元素。
```javascriptvar newElement = ("div");```7. `createTextNode(data)`：创建一个文本节点。
```javascriptvar textNode = ("Hello, world!");```8. `appendChild(node)`：将一个节点添加到指定元素的子节点列表的末尾。
document 对象_方法document 对象是 HTML 文档的根对象，它提供了许多方法来访问和操作文档的内容。
1. document.write() 方法document.write() 方法用于向文档中写入 HTML 代码。
它可以用来创建文档的结构，添加文本、图像、链接等元素。
html<!DOCTYPE html><html><head><title>Document Write Example</title></head><body><h1>Hello World!</h1><script>document.write("<p>This is a paragraph.</p>");</script></body></html>输出结果：html<!DOCTYPE html><html><head><title>Document Write Example</title></head><body><h1>Hello World!</h1><p>This is a paragraph.</p></body></html>2. document.getElementById() 方法document.getElementById() 方法用于根据ID 属性获取文档中的元素。
它返回一个指向该元素的引用，以便我们可以对其进行操作。
html<!DOCTYPE html><html><head><title>Get Element by ID Example</title></head><body><h1 id="heading">Hello World!</h1><script>var heading = document.getElementById("heading");heading.style.color = "red";</script></body></html>输出结果：html<!DOCTYPE html><html><head><title>Get Element by ID Example</title></head><body><h1 id="heading" style="color: red;">Hello World!</h1></body></html>3. document.getElementsByTagName() 方法document.getElementsByTagName() 方法用于根据标签名获取文档中的元素。
JAVASCRIPTDOM对象介绍JavaScript DOM（Document Object Model）是指文档对象模型，它是一种编程接口，它允许开发者以编程的方式操作HTML和XML文档。
DOM将文档表示为一个树形结构，每个节点代表文档中的一个元素、属性或文本。
在JavaScript中，DOM对象是一个接口，它提供了一组属性和方法，用于访问、操作和修改文档的内容、结构和样式。
通过使用DOM对象，开发者可以动态地更新网页内容、响应用户的交互、创建动态效果等。
DOM对象主要包括以下几种类型：1. Document对象：代表整个文档，是DOM树的根节点。
可以通过document对象访问文档的各个部分，如头部、主体、表单等。
2. Element对象：代表文档中的元素，如div、p、span等。
Element对象提供了一系列方法和属性，用于操作元素的内容、样式、属性等。
3. Node对象：代表DOM树中的节点，包括元素节点、文本节点、注释节点等。
所有的节点都继承自Node对象，提供了一些通用的属性和方法。
4. Event对象：代表事件，可以通过event对象获取触发事件的相关信息，如事件的类型、目标元素、鼠标位置等。
通过操作DOM对象，开发者可以实现以下功能：1. 修改元素的内容：可以通过innerHTML、innerText等属性修改元素的内容，也可以通过createElement、appendChild等方法创建新的元素并添加到文档中。
2. 修改元素的样式：可以通过style属性设置元素的样式，比如颜色、字体大小、背景色等。
3. 添加事件监听器：可以通过addEventListener方法为元素添加事件监听器，监听用户的交互行为，如点击、滚动、键盘输入等。
4. 操作表单数据：可以通过form对象和input对象访问用户输入的表单数据，对表单进行验证、提交等操作。
5. 动态创建动画效果：可以通过定时器、CSS动画、transform等属性和方法实现动态的效果，如轮播图、滚动效果等。
JAVASCRIPTDOCUMENT对象属性和方法JavaScript的Document对象是用于对HTML文档进行访问和操作的核心对象。
它提供了一系列属性和方法，用于获取、设置和操作文档的各个部分，包括元素、样式、事件等。
下面将介绍一些Document对象的常用属性和方法。
一、属性：1. document.documentElement：返回文档中的根元素，即<html>元素。
2. document.body：返回文档中的<body>元素。
3. document.head：返回文档中的<head>元素。
4. document.title：获取或设置文档的标题。
5. document.URL：获取当前文档的URL。
6. document.domain：获取或设置当前文档的域名。
7. document.forms：返回文档中所有的<form>元素，以HTMLCollection对象的形式返回。
8. document.links：返回文档中所有的<a>元素，以HTMLCollection对象的形式返回。
9. document.images：返回文档中所有的<img>元素，以HTMLCollection对象的形式返回。
10. document.scripts：返回文档中所有的<script>元素，以HTMLCollection对象的形式返回。
11. document.defaultView：返回当前文档关联的窗口对象。
12. document.styleSheets：返回文档中所有的样式表，以StyleSheetList对象的形式返回。
13. document.activeElement：返回当前文档中获得焦点的元素。
二、常用方法：1. document.getElementById(id)：根据元素id查找并返回第一个匹配的元素。
document用法js在JavaScript中，document对象是Web应用程序与浏览器交互的主要接口。
它代表了浏览器窗口中可见的文档，提供了许多属性和方法，用于处理文档的加载、显示、交互和修改等操作。
下面将详细介绍document对象的用法。
一、基本含义document对象表示浏览器窗口中当前的HTML文档。
它是一个全局对象，可以在JavaScript代码中的任何地方访问。
二、属性和方法1.属性(1)文档内容：document.documentElement属性返回文档的根元素（即<html>元素）。
(2)文档URL：document.URL属性返回当前文档的URL。
(3)文档标题：document.title属性返回当前文档的标题。
(4)文档类型：document.doctype属性返回文档类型声明对象（如果存在）。
2.方法(1)加载和显示文档：document.open()方法用于打开一个新的文档或清空现有文档的内容，以便于新的内容可以写入其中。
document.write()方法用于向文档中写入内容。
这两个方法通常一起使用，以加载并显示HTML文档。
(2)创建新元素：document.createElement()方法用于创建一个新的HTML元素，并将其添加到文档中。
(3)修改元素内容：document.getElementById()、document.getElementsByClassName()和document.getElementsByTagName()方法可用于获取文档中的元素，并对其进行操作，如修改其内容和属性。
(4)事件处理：document对象可以监听各种浏览器事件，如点击、鼠标移动、键盘输入等，并相应地执行回调函数。
常用的事件处理方法包括addEventListener()和removeEventListener()。
三、常见用法示例1.加载和显示HTML文档：```javascriptdocument.open();//打开新的文档或清空现有文档内容document.write('<html><head><title>MyTitle</title></head> <body>HelloWorld!</body></html>');//写入内容document.close();//关闭文档```2.创建新元素并添加到文档中：```javascriptvarp=document.createElement('p');//创建新的<p>元素p.textContent='Thisisanewparagraph.';//设置内容document.body.appendChild(p);//将<p>元素添加到<body>元素中```3.使用getElementById获取元素并进行操作：```javascriptvarmyElement=document.getElementById('myId');//获取具有指定ID的元素myElement.style.color='red';//修改元素的字体颜色为红色```4.事件处理示例：```javascriptdocument.getElementById('myButton').addEventListener('cli ck',function(){alert('Buttonwasclicked.');//当按钮被点击时显示警告框});```以上是document对象的一些常用属性和方法，通过这些方法可以方便地操作和处理HTML文档。
document的用法和搭配一、什么是document？Document对象是HTML文档的根节点，在JavaScript中，它代表整个文档，是操作HTML元素的入口。
二、document的常用属性1. document.title：获取或设置文档标题。
2. document.URL：获取当前文档的URL。
3. document.domain：获取或设置文档域名。
4. document.referrer：获取当前文档的引用页面。
5. document.body：获取或设置文档主体部分。
三、document的常用方法1. getElementById()：根据元素ID获取元素对象。
2. getElementsByTagName()：根据标签名获取元素对象集合。
3. getElementsByClassName()：根据类名获取元素对象集合。
4. querySelector()：返回匹配指定CSS选择器的第一个元素对象。
5. querySelectorAll()：返回匹配指定CSS选择器的所有元素对象集合。
四、document与DOM操作1. 创建新节点：```var newElement = document.createElement('div');```2. 添加子节点：```var parentElement = document.getElementById('parent'); parentElement.appendChild(newElement);```3. 删除子节点：```var parentElement = document.getElementById('parent'); var childElement = document.getElementById('child'); parentElement.removeChild(childElement);4. 替换子节点：```var parentElement = document.getElementById('parent'); var oldChild = parentElement.childNodes[0];var newChild = document.createElement('div'); parentElement.replaceChild(newChild, oldChild);```五、事件监听1. addEventListener()方法：```element.addEventListener(event, function, useCapture);```2. removeEventListener()方法：```element.removeEventListener(event, function, useCapture);六、document对象与表单操作1. 获取表单元素：```var form = document.forms[0];var input = form.elements['inputName']; ```2. 提交表单：```form.submit();```3. 重置表单：```form.reset();```七、常见问题1. 如何获取页面中所有的链接？可以使用getElementsByTagName()方法获取所有的<a>标签，然后遍历集合，获取href属性值。
Document对象
属性title 设置文档标题等价于HTML的<title>标签BgColor 设置页面背景色
fgColor 设置前景色(文本颜色)
linkColor 未点击过的链接颜色
alinkColor 激活链接(焦点在此链接上)的颜色vlinkColor 已点击过的链接颜色
URL 设置URL属性从而在同一窗口打开另一网页fileCreatedDate 文件建立日期，只读属性fileModifiedDate 文件修改日期，只读属性
fileSize 文件大小，只读属性
cookie 设置和读出cookie
charset 设置字符集简体中文:gb2312
方法及子对象write() 动态向页面写入内容
createElement(Tag) 创建一个html标签对象
getElementById(ID) 获得指定ID值的对象
getElementsByName(Name) 获得指定Name值的对象
appendChild(oTag) 主体子对象
Body主体子对象
body 指定文档主体的开始和结束等价于<body></body> body.bgColor 设置或获取对象后面的背景颜色
body.link 未点击过的链接颜色
body.alink 激活链接(焦点在此链接上)的颜色
body.vlink 已点击过的链接颜色
body.text 文本色
body.innerText 设置<body>...</body>之间的文本body.innerHTML 设置<body>...</body>之间的HTML代码body.topMargin 页面上边距
body.leftMargin 页面左边距
body.rightMargin 页面右边距
body.bottomMargin 页面下边距
body.background 背景图片
body.appendChild(oTag) 动态生成一个HTML对象
Localtion子对象详情见location对象
Image元素对象：<img name="oImage">
document.images 对应页面上的<img>标签document.images.length 对应页面上<img>标签的个数document.images[0] 第1个<img>标签
document.images[i] 第i-1个<img>标签
document.images.oImage 通过nane属性直接引用document.images.oImage.src 引用图片的src属性
var oImage
oImage = new Image()
创建一个图象
document.images.oImage.src="1.jpg"
Form表单对象：<form name="Myform"><input name="myctrl"></form> document.forms 对应页面上的<form>标签document.forms.length 对应页面上<form>标签的个数document.forms[0] 第1个<form>标签
document.forms[i] 第i-1个<form>标签
document.forms[i].length 第i-1个<form>中的控件数document.forms[i].elements[j] 第i-1个<form>中第j-1个控件document.Myform.myctrl 通过标签name属性直接引用document.forms[i].name 访问表单的name属性document.forms[i].action 访问表单的action属性document.forms[i].encoding 访问表单的enctype属性document.forms[i].target 对应<form target>属性document.forms[i].appendChild(oTag) 动态插入一个控件
document.all document中所有对象的集合只有ie支持此属性，因此也用来判断浏览器的种类。
