Document对象的使用方法案例
document 对象_方法
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() 方法用于根据标签名获取文档中的元素。
document的用法
document的用法document 是 JavaScript 中的一个重要对象，它代表整个 HTML 文档。
我们可以通过 document 对象来访问和操作网页的各个部分。
常见的 document 对象的用法如下：1. 获取元素：可以使用 document.getElementById() 方法通过元素的 id 获取到某个元素节点，例如：```javascriptconst element = document.getElementById("myElement");```2. 操作元素的内容：可以使用 element.innerHTML 属性来获取或设置元素节点的 HTML 内容，例如：```javascriptconst element = document.getElementById("myElement"); element.innerHTML = "<strong>Hello, world!</strong>";```3. 操作元素的样式：可以使用 element.style 属性来获取或设置元素节点的样式，例如：```javascriptconst element = document.getElementById("myElement"); element.style.color = "red";element.style.fontSize = "24px";```4. 创建元素：可以使用 document.createElement() 方法来创建一个新的元素节点，例如：```javascriptconst newElement = document.createElement("p"); newElement.innerHTML = "This is a new paragraph.";```5. 添加元素：可以使用 element.appendChild() 方法将一个新的元素节点添加到某个元素节点的子节点列表末尾，例如：```javascriptconst parentElement =document.getElementById("parentElement"); parentElement.appendChild(newElement);```6. 移除元素：可以使用 element.remove() 方法将某个元素节点从文档中移除，例如：```javascriptconst element = document.getElementById("myElement"); element.remove();```除了上述用法外，document 对象还提供了许多其他方法和属性，用于操作文档结构、获取事件相关信息等等。
js document用法
js document用法JavaScript中的document对象是浏览器提供的一个内置对象，它表示当前文档（也就是HTML文档）的根节点。
通过document对象，我们可以访问和操作HTML文档的各个部分，包括元素、属性、样式、事件等。
1. 获取元素使用document对象的getElementById方法可以根据元素的id属性获取到指定的元素节点。
例如，要获取id为"myElement"的元素节点，可以使用以下代码：```var element = document.getElementById("myElement");```除了getElementById方法，document对象还提供了其他获取元素的方法，比如querySelector、querySelectorAll等，可以根据选择器来获取元素。
2. 操作元素获取到元素后，我们可以使用document对象提供的方法和属性来操作该元素。
例如，要设置元素的内容，可以使用innerHTML属性：```element.innerHTML = "Hello, world!";```要获取或设置元素的样式，可以使用style属性：```element.style.color = "red";```要添加或移除元素的类名，可以使用classList属性：```element.classList.add("myClass");element.classList.remove("myClass");```除了以上常用的操作方法和属性外，document对象还提供了其他许多方法和属性，比如getAttribute、setAttribute、appendChild、removeChild等，可以根据需要进行使用。
3. 创建元素除了操作现有的元素外，我们还可以使用document对象来创建新的元素。
javascript中document对象的方法
javascript中document对象的方法在JavaScript中，document对象是所有HTML文档的根节点，它提供了一系列方法来操作页面上的元素和内容。
下面是一些常用的document对象的方法：1. getElementById("id")：通过元素的id属性获取指定的元素。
例如，通过document.getElementById("myElement")可以获取id为"myElement"的元素。
2. getElementsByClassName("className")：通过元素的class属性获取所有拥有指定类名的元素。
例如，document.getElementsByClassName("myClass")可以获取所有class属性包含"myClass"的元素。
3. getElementsByTagName("tagName")：通过元素的标签名获取所有指定标签名的元素。
例如，document.getElementsByTagName("div")可以获取所有<div>元素。
4. querySelector("selector")：使用CSS选择器选择匹配指定选择器的第一个元素。
例如，document.querySelector("#myElement")可以选择id为"myElement"的元素。
5. querySelectorAll("selector")：使用CSS选择器选择匹配指定选择器的所有元素。
例如，document.querySelectorAll(".myClass")可以选择所有class属性为"myClass"的元素。
JavaScript程序设计(第2版)01.文档(document)对象
<script language="javascript">
<!--
function oc(){
var dw;
dw=window.open();
dw.document.open();
dw.document.write("<html><head><title>一个新的窗口</title>");
dw.document.write("</head><body>");dw.document.write("<img name='i1'
文档（document）对象
本讲大纲： 1、 document对象概述 2、文档对象的常用属性、方法与事件 3、文档对象的应用
2．document对象的方法 document对象的常用方法和说明如表7-2所示。
表7-2
document对象方法及说明
2．document对象的事件
文档对象有onload事件和onunload事件。onload事件发生于装 载网页后，onunload事件发生于离开网页前。
文档对象的应用
例7-1 下面通过单击如图7-2所示的按钮后将打开一个新窗口，并在窗口中输出新的内容如 图7-3所示。
程序代码如下。
图7- 2 显示按钮
图7- 3 输出的新内容
<html>
<head>
<<mtiettlea>打ht开tp新-窗eq口ui并v输="出Co内n容te<n/tt-iTtylpee>" content="text/html; charset=gb2312" />
html中document用法
html中document用法HTML中的document对象是JavaScript编程中常用的一个对象，它允许我们通过脚本控制和操作网页的内容和结构。
使用document对象，我们可以实现动态地改变和更新网页的元素、样式和事件等。
以下是关于HTML中document对象的一些常见用法。
1. 获取元素：可以使用document对象的getElementById()方法来获取具有指定id属性值的元素。
例如，如果我们想获取id为"myElement"的元素，可以使用以下代码：```javascriptvar element = document.getElementById("myElement");```2. 改变元素内容：使用document对象的innerHTML属性，可以动态地改变元素的内容。
例如，我们可以将一个段落的内容更改为"Hello, World!"：```javascriptdocument.getElementById("myParagraph").innerHTML = "Hello, World!";```3. 创建新元素：通过document对象的createElement()方法，我们可以在网页中动态地创建新的HTML元素。
例如，我们可以创建一个新的段落元素，然后将其添加到特定的父元素中：```javascriptvar newPara = document.createElement("p");var parentElement = document.getElementById("myDiv");parentElement.appendChild(newPara);```4. 修改元素样式：使用document对象的style属性，可以通过JavaScript改变元素的样式。
dom高级使用 案例
dom高级使用案例DOM（Document Object Model，文档对象模型）是一种用于处理HTML、XML等文档的标准编程接口。
在前端开发中，DOM高级使用是非常重要的一部分，它可以帮助我们更灵活地操作和控制网页上的元素和内容。
下面是十个关于DOM高级使用的案例。
1. 动态创建元素我们可以使用DOM高级使用来动态创建元素，并将其添加到网页上的指定位置。
例如，我们可以通过JavaScript代码来创建一个新的<div>元素，并将其添加到网页的<body>元素中。
2. 修改元素的样式DOM高级使用可以帮助我们修改元素的样式，包括颜色、字体、大小、背景等。
通过JavaScript代码，我们可以选择指定的元素，并使用style属性来修改其样式。
3. 操作表单数据在网页上的表单中，DOM高级使用可以帮助我们获取和修改用户输入的数据。
例如，我们可以使用JavaScript代码来获取用户在输入框中输入的文本，并进行相应的处理。
4. 事件监听与处理DOM高级使用可以帮助我们监听和处理网页上的各种事件，例如点击、滚动、鼠标移动等。
通过JavaScript代码，我们可以为指定的元素添加事件监听器，并在事件发生时执行相应的操作。
5. 元素的遍历和查找DOM高级使用可以帮助我们遍历和查找网页上的元素。
例如，我们可以使用JavaScript代码来查找网页上具有特定类名或标签名的元素，并进行相应的操作。
6. 元素的属性操作DOM高级使用可以帮助我们操作元素的属性。
例如，我们可以使用JavaScript代码来获取或修改元素的属性值，例如href、src、value等。
7. 元素的内容操作DOM高级使用可以帮助我们操作元素的内容。
例如，我们可以使用JavaScript代码来获取或修改元素的文本内容，或者向元素中插入新的内容。
8. 元素的位置操作DOM高级使用可以帮助我们操作元素的位置。
例如，我们可以使用JavaScript代码来获取或修改元素的位置、大小、层级关系等。
Document对象的常用方法
Document对象的常⽤⽅法1、getElementById(id)通过元素的ID访问元素，这是DOM⼀个基础的访问页⾯元素的⽅法，我们要经常⽤到它.例如下⾯的例⼦，我们可以同DIV的ID迅速的访问到它，⽽不必通过DOM层层遍历，<body><div id=’divid’><p>h</p>Just for testing;</div><div id=’divid’>Just for testing;</div><script>var div=document.getElementById(‘divid’);alert(div.nodeName);</script></body>注意使⽤这个函数时如果元素的ID不是唯⼀的，那么会获得第⼀个符合条件的元素。
在IE6中如果input、checkbox,radio. 等元素name匹配指定的ID，也会被访问到例如下⾯的例⼦中，获得的元素是input：<body><input name='divid' type="text"/><div id='divid'>Just for testing;</div><script>var div=document.getElementById('divid');alert(div.nodeName);</script></body>2、getElementsByName(name)返回名字是name的元素数组，在IE6中元素ID匹配这个名字的话，这个元素也将包括在内，⽽且getElementsByName()仅⽤于象input,radio,checkbox等元素对象。
JSdocument对象简单用法完整示例
JSdocument对象简单⽤法完整⽰例本⽂实例讲述了JS document对象简单⽤法。
分享给⼤家供⼤家参考，具体如下：<html><head><title>js-document对象学习</title><meta charset="UTF-8"/><script type="text/javascript">// 直接获取对象function testGetElementById(){ //通过id获取对象// var gby=window.document.getElementById(); //window可以省去不写var gby=document.getElementById("sid");alert(gby); //输出的返回值是标签的类型[object HTMLInputElement]}function testGetElementsByName(){ //通过name获取对象var gbn=document.getElementsByName("umane");alert(gbn); //输出的返回值类型是[object NodeList]⼀个对象类型的数组alert(gbn.length); //Nodelist的元素是节点元素，长度是节点的个数。
每⼀个容器或标签算是⼀个节点。
}function testGetElementsByTagName(){ //通过TagName(标签)获取对象var gbt=document.getElementsByTagName("input");alert(gbt); //输出返回值类型是[object HTMLCollection]是⼀个对象元素的集合alert(gbt.length); //其集合的数⽬是所有input个数}function testGetElementsByClassName(){ //通过class获取对象var gbc=document.getElementsByClassName("clname");alert(gbc); //输出返回值类型是[object HTMLCollection]是⼀个对象元素的集合alert(gbc.length); //集合元素的长度是含有传⼊类属性的元素个数。
js里的document对象大全（DOM操作）
js⾥的document对象⼤全（DOM操作）什么是DOMdocument object model 的简称，意思为⽂档对象模型。
主要⽤来对⽂档中的html节点进⾏操作。
Dom的操作简单⽰例：<div id="t1"><div><input type="file"/><input type="button" value="删除" onclick="del(this)"/></div></div><input type="button" value="增加" onClick="add()"/><script>function add(){var t1 = document.getElementById('t1');//获取节点var div = document.createElement('div');//创建divvar file = document.createElement('input');//创建inputfile.setAttribute('type','file');//设置input的类型为filevar btn = document.createElement('input');//创建inputbtn.setAttribute('type','button');//设置input的类型为buttonbtn.setAttribute('value','删除');//设置input的value为删除btn.setAttribute('onclick','del(this)');//设置onclick事件div.appendChild(file);//把file添加到div中div.appendChild(btn);//把btn添加到div中t1.appendChild(div);//把div添加到t1中}function del(_this){var div = _this.parentNode;var t1 = _this.parentNode.parentNode;t1.removeChild(div);}</script>Dom对象的属性与⽅法返回对象集合：(1).all[];(2).images[];(3).anchors[];(4).forms[];(5).links[];属性：document.cookie;设置或返回当前⽂档有关的所有cookiedocument.title;返回当前⽂档的标题document.domain；返回当前⽂档的域名document.URL;返回当前⽂档的URL元素属性及⽅法getElementById(''); 返回指定 Id 的第⼀个对象。
document的方法
document的方法一、介绍在编程中，document是一个常用的对象，它代表当前网页的文档对象。
通过使用document对象提供的方法，我们可以对网页进行各种操作，如获取、修改元素内容，添加、删除节点等。
本文将介绍一些常用的document方法及其用法。
二、getElementById方法getElementById方法用于根据元素的id属性获取元素对象。
它接收一个参数，即元素的id值，返回一个表示该元素的对象。
例如，如果页面中有一个id为"myElement"的元素，我们可以使用以下代码获取该元素对象：var element = document.getElementById("myElement");三、getElementsByClassName方法getElementsByClassName方法用于根据元素的class属性获取元素对象。
它接收一个参数，即元素的class值，返回一个包含所有具有该class值的元素对象的数组。
例如，如果页面中有多个class 为"myClass"的元素，我们可以使用以下代码获取这些元素对象：var elements = document.getElementsByClassName("myClass");四、getElementsByTagName方法getElementsByTagName方法用于根据元素的标签名获取元素对象。
它接收一个参数，即元素的标签名，返回一个包含所有具有该标签名的元素对象的数组。
例如，如果页面中有多个p元素，我们可以使用以下代码获取这些元素对象：var elements = document.getElementsByTagName("p");五、querySelector方法querySelector方法用于根据选择器获取元素对象。
js中document的用法
一、介绍JavaScript是一种用于网页开发的脚本语言，它可以让网页拥有动态和交互式的特性。
其中，document对象是JavaScript中的重要对象之一，它代表了整个HTML文档，可以用来操作页面上的元素和内容。
本文将介绍document对象的基本用法，帮助读者更好地掌握JavaScript在网页开发中的应用。
二、document对象的基本用法1. 获取元素document对象可以通过多种方式获取页面上的元素，常用的方法有getElementById、getElementsByClassName、getElementsByTagName和querySelector等。
通过这些方法，可以获取页面上的元素并对其进行进一步操作。
```javascriptvar element = document.getElementById('example');var elements = document.getElementsByClassName('example'); var elements = document.getElementsByTagName('div');var element = document.querySelector('.example');```2. 操作元素获取到页面上的元素之后，可以通过document对象来对其进行操作，常见的操作包括修改元素的样式、内容、属性等。
```javascriptvar element = document.getElementById('example'); element.style.color = 'red';element.innerHTML = 'Hello, world!';element.setAttribute('title', 'This is an example');```3. 创建新元素document对象可以用来创建新的HTML元素，并将其添加到页面中。
java document用法
java document用法Java Document用法Java Document是一种用于注释Java代码的工具，它能够为代码提供详细的说明和解释，以便其他开发者能够更好地理解和使用这些代码。
在编写大型Java项目时，良好的代码注释是非常重要的，它可以提高代码的可读性、可维护性和可扩展性。
本文将一步一步介绍Java Document的用法。
第一步：添加注释Java Document通过添加以"/*"开始和以"*/"结束的注释块来实现。
在Java代码中，注释块位于类、方法和字段的定义之前。
下面是一个示例：java/* This is a class example.*/public class MyClass {/* This is a method example.* param name The name parameter.* return The return value.*/public String myMethod(String name) {return "Hello, " + name + "!";}}在上面的示例中，"This is a class example."是对类的注释，"This is a method example."是对方法的注释，"param name The name parameter."和"return The return value."是对方法参数和返回值的注释。
第二步：注释格式在Java Document中，注释有固定的格式。
一般来说，注释的格式应该包括描述、参数、返回值和异常等部分。
下面是一个完整的注释格式示例：java/* This is a method example.** param name The name parameter.* return The return value.* throws MyException If something goes wrong.*/public String myMethod(String name) throws MyException { return "Hello, " + name + "!";}在上面的示例中，"This is a method example."是方法的描述，"param name The name parameter."是参数的说明，"return The return value."是返回值的说明，"throws MyException If something goes wrong."是方法抛出异常的说明。
WordVBA---处理Document对象
WordVBA ---处理Document对象※新建文档：Documents.Add文档集合包括所有打开的文档。
若要创建一个新文档，使用Add方法向文档集合中添加一个文档对象。
创建文档的更好方法是将返回值赋给一个对象变量。
Add 方法返回一个引用新文档的Document 对象。
在下面的示例中，将Add 方法返回的Document 对象赋给一个对象变量。
然后设置该Document 对象的部分属性和方法。
使用对象变量可以很容易地控制新文档。
Sub NewSampleDoc()Dim docNew As DocumentSet docNew = Documents.AddWith docNew = "Tahoma".SaveAs FileName:="Sample.doc"End WithEnd Sub※打开文档：Documents.Open FileName:=“文件路径\文件名”若要打开一个现有文档，请使用文档集合使用Open方法。
下面的指令将打开myfolder 文件夹中sample.doc文档。
Sub OpenDocument()Documents.Open FileName:="C:\MyFolder\Sample.doc"End Sub※保存现有文档：Documents("文件名").Save若要保存一个文档，使用文档对象中的Save方法。
下面的指令将命名为Sales.doc 文档保存。
Sub SaveDocument()Documents("Sales.doc").SaveEnd Sub※保存所有打开的文档：Documents.Save通过对Documents 集合应用Save 方法，可以保存所有打开的文档。
下列指令保存所有打开的文档。
Sub SaveAllOpenDocuments()Documents.SaveEnd Sub※“另存为”一个新文档：ActiveDocument.SaveAs FileName:="（路径\）文件名"若要保存单个文档，对文档对象使用SaveAs方法。
WordVBA---处理Document对象
WordVBA ---处理Document对象※新建文档：Documents.Add文档集合包括所有打开的文档。
若要创建一个新文档，使用Add方法向文档集合中添加一个文档对象。
创建文档的更好方法是将返回值赋给一个对象变量。
Add 方法返回一个引用新文档的Document 对象。
在下面的示例中，将Add 方法返回的Document 对象赋给一个对象变量。
然后设置该Document 对象的部分属性和方法。
使用对象变量可以很容易地控制新文档。
Sub NewSampleDoc()Dim docNew As DocumentSet docNew = Documents.AddWith docNew = "Tahoma".SaveAs FileName:="Sample.doc"End WithEnd Sub※打开文档：Documents.Open FileName:=“文件路径\文件名”若要打开一个现有文档，请使用文档集合使用Open方法。
下面的指令将打开myfolder 文件夹中sample.doc文档。
Sub OpenDocument()Documents.Open FileName:="C:\MyFolder\Sample.doc"End Sub※保存现有文档：Documents("文件名").Save若要保存一个文档，使用文档对象中的Save方法。
下面的指令将命名为Sales.doc 文档保存。
Sub SaveDocument()Documents("Sales.doc").SaveEnd Sub※保存所有打开的文档：Documents.Save通过对Documents 集合应用Save 方法，可以保存所有打开的文档。
下列指令保存所有打开的文档。
Sub SaveAllOpenDocuments()Documents.SaveEnd Sub※“另存为”一个新文档：ActiveDocument.SaveAs FileName:="（路径\）文件名"若要保存单个文档，对文档对象使用SaveAs方法。
document.createElement（）的用法
document.createElement（）的用法document.createElement()的用法document.createElement()是在对象中创建一个对象，要与appendChild() 或insertBefore()方法联合使用。
其中，appendChild() 方法在节点的子节点列表末添加新的子节点。
insertBefore() 方法在节点的子节点列表任意位置插入新的节点。
下面，举例说明document.createElement()的用法。
<div id="board"></div>例1：<script type="text/javascript">var board = document.getElementById("board");var e = document.createElement("input");e.type = "button";e.value = "这是测试加载的小例子";var object = board.appendChild(e);</script>效果：在标签board中加载一个按钮，属性值为“这是测试加载的小例子”。
例2：<script type="text/javascript">var board = document.getElementById("board");var e2 = document.createElement("select");e2.options[0] = new Option("加载项1", "");e2.options[1] = new Option("加载项2", "");e2.size = "2";var object = board.appendChild(e2);</script>效果：在标签board中加载一个下拉列表框，属性值为“加载项1”和“加载项2”。
document对象方法bgcolor
document对象方法bgcolor（原创实用版4篇）《document对象方法bgcolor》篇1在JavaScript 中，document 对象的bgColor 属性用于设置网页的背景颜色。
该属性是一个字符串，可以接受各种颜色的表示方法，例如RGB 颜色值、十六进制颜色值等等。
使用bgColor 属性可以改变网页的外观和风格，使其更符合特定的设计需求。
例如，要设置网页的背景颜色为红色，可以使用以下代码：```document.bgColor = "red";```同样地，如果要设置背景颜色为绿色，可以使用以下代码：```document.bgColor = "green";```除了使用字符串表示颜色外，还可以使用十六进制颜色值表示颜色。
例如，要设置网页的背景颜色为蓝色，可以使用以下代码：```document.bgColor = "#0000FF";```需要注意的是，使用bgColor 属性只会改变网页的背景颜色，而不会影响其他元素的颜色。
《document对象方法bgcolor》篇2在JavaScript 中，document 对象的bgColor 属性用于设置网页的背景颜色。
该属性是一个RGB 颜色值，可以使用十六进制表示法或RGB 值表示法来指定颜色。
《document对象方法bgcolor》篇3在JavaScript 中，`document`对象的`bgColor`属性用于设置页面的背景颜色。
该属性接受一个颜色值作为参数，例如`"#FF0000"`（代表红色）或`"#00FF00"`（代表绿色）。
使用`bgColor`属性可以改变网页的视觉效果，使其更加丰富多彩。
需要注意的是，该属性只能在HTML 文档中使用，而不能在XML 文档中使用。
《document对象方法bgcolor》篇4在JavaScript 中，document 对象的bgColor 属性用于设置网页的背景颜色。
document复制元素的方法
document复制元素的方法在网页开发中，经常会遇到需要复制元素的情况。
比如，我们可能需要在一个表格中动态地添加多行数据，或者在一个列表中动态地添加多个选项。
这时，我们就需要使用document对象提供的复制元素的方法。
一、cloneNode()方法cloneNode()方法是document对象提供的最常用的复制元素的方法之一。
它可以复制一个元素节点，并返回复制后的节点。
cloneNode()方法接受一个布尔值参数，表示是否复制元素的子节点。
如果参数为true，则复制元素的所有子节点；如果参数为false，则只复制元素本身。
下面是一个使用cloneNode()方法复制元素的示例代码：```javascriptvar originalElement = document.getElementById("original");var clonedElement = originalElement.cloneNode(true);document.body.appendChild(clonedElement);```在上面的代码中，我们首先通过getElementById()方法获取到id为"original"的元素节点，然后使用cloneNode()方法复制该元素，并将复制后的元素节点添加到body元素中。
二、importNode()方法importNode()方法也是document对象提供的复制元素的方法之一。
它可以复制一个元素节点，并返回复制后的节点。
与cloneNode()方法不同的是，importNode()方法可以跨文档复制元素节点。
下面是一个使用importNode()方法复制元素的示例代码：```javascriptvar originalElement = document.getElementById("original");var clonedElement = document.importNode(originalElement, true);document.body.appendChild(clonedElement);```在上面的代码中，我们首先通过getElementById()方法获取到id为"original"的元素节点，然后使用importNode()方法复制该元素，并将复制后的元素节点添加到body元素中。
html的DOM中document对象forms集合用法实例
语法：
复制代码 代码如下: document.forms[]
例子： 复制代码 代码如下: <html> <body>
<form name="Form1"></form> <form name="Form2"></form> <form name="Form3"></form>
ascript"> document.write("This document contains: ") document.write(document.forms.length + " forms.") </script>
</body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
在之前的一篇博文中我介绍了一种方法可以让javascript具有一种近似于lambda表达式的编程能力但是它有一些缺点其中妨碍它的使用的最主要的一条就是多了一层括号让代码变得难以阅读
html的 DOM中 document对象 forms集合用法实例
本文实例讲述了html的DOM中document对象forms集合用法。分享给大家供大家参考。具体分析如下：
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset=”GBK”>
<title>文档标题</title>
</head>
<body>
<div>
<img src=””/>
<img src=””/>
</div>
<p>
<label>娃哈哈</label>
</p>
window：打开当前网页的浏览器窗口
navigator：当前浏览器窗口所在的浏览器对象（包含了当前浏览器信息）
screen：指的是显示当前窗口的显示器对象
history：指的是当前浏览器窗口显示的网页的历史记录
location：指的是当前浏览器窗口的URL地址信息
Document
document：指的是当前浏览器窗口打开的网页文件(内容)
属性：
方法：
getElementsByTagName(tagName)：获取到页面中所有的参数指定的标签元素（返回的是一个数组）
getElementsByName(name):获取到页面中所有name属性值等于参数的标签元素（返回的是一个数组）
getElementById(id):根据指定的id从当前文档中获取某一个标签元素
</body>
</html>
节点：一个HTML文档中的任何一个标签、属性、文本都是一个独立的节点
节点属性：
添加节ቤተ መጻሕፍቲ ባይዱ：
给select标签添加选项：
删除节点：
从DIV中移除一张图片
插入节点：
替换节点:
JS
JS
JS
document.open();打开一个指向当前文档body的输出流
document.writeln("aaaa");将指定的内容写到文档的body中
document.write("bbbb");
document.close();关闭指向文档的输出流
Document案例：
在同一个表单中点击不同的按钮实现不同的跳转