什么是document对象,如何获取文档对象上的元素
发布网友
发布时间：2022-04-24 06:17
共3个回答
懂视网
时间：2022-04-20 13:43
首先我们来介绍一下HTML中的document对象：
文档对象（document）代表浏览器窗口中的文档，该对象是window对象的子对象，由于window对象是DOM对象模型中的默认对象，因此window对象中的方法和子对象不需要使用window来引用。
通过document对象可以访问HTML文档中包含的任何HTML标记并可以动态的改变HTML标记中的内容。
例如表单、图像、表格和超链接等。
再来看看HTML中的Document对象集合：
来看看网上对HTML中的document对象的描述：
HTMLDocument接口对DOM Document接口进行了扩展，定义HTML专用的属性和方法。
很多属性和方法都是HTMLCollection对象（实际上是可以用数组或名称索引的只读数组），其中保存了对锚、表单、链接以及其他可脚本元素的引用。
这些集合属性都源自于0级DOM。它们已经被Document.getElementsByTagName()所取代，但是仍然常常使用，因为他们很方便。
write()方法值得注意，在文档载入和解析的时候，它允许一个脚本向文档中插入动态生成的内容。
注意，在1级DOM中，HTMLDocument定义了一个名为getElementById()的非常有用的方法。在2级DOM中，该方法已经被转移到了Document接口，它现在由HTMLDocument继承而不是由它定义了。
接下来给个关于HTML document对象的使用实例：
<HTML>
<HEAD>
<TITLE>PHP中文网</TITLE>
<SCRIPT LANGUAGE="JScript">function reportMove()
{ window.status = "X=" + window.event.x + " Y=" + window.event.y;
}
</SCRIPT>
</head>
<BODY onmousemove="reportMove()">
<H1>欢迎!</H1>
</BODY>
</HTML>
上面的例子使用了document对象检查文档标题并在消息框中显示该标题(如果非空)。if(document.title!="")alert("标题为"+document.title)下面的例子演示了在浏览器的状态栏上显示鼠标当前位置的事件句柄函数，所得位置相对于文档的左上角。
热心网友
时间：2022-04-20 10:51
一、关于 Document 对象
Document 对象
每个载入浏览器的 HTML 文档都会成为 Document 对象。
Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。
提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。
二、如何获取文档对象上的元素
通过 document 获取网页元素，有多种方法，简述如下：
1、通常可以使用 getElementById、getElementByName 等方法：
示例代码：
function alertValue(){
alert(document.getElementById("text1").value)
}
2、通过 document 对象的元素结合：
热心网友
时间：2022-04-20 12:09
