JavaScript document对象详解与常用属性方法

TXT文件

下载需积分: 10 | 8KB | 更新于2024-09-16 | 83 浏览量 | 举报 1 收藏

立即下载

"JavaScript的document对象是JavaScript与HTML文档交互的核心，它包含了众多的方法和属性，用于操作和访问页面中的元素、属性以及文档的各种信息。本文将全面介绍document对象的关键方法和属性，帮助开发者更好地理解和利用这个强大的工具。" 在JavaScript中，document对象是一个全局对象，它提供了一系列的方法和属性，使得开发者能够对网页的DOM（Document Object Model）进行操作。以下是一些主要的document对象方法和属性： 1. `getElementById(id)`：通过指定的ID查找页面上的元素，返回与该ID匹配的第一个元素。 2. `getElementsByTagName(name)`：根据标签名查找页面上所有元素，返回一个包含所有匹配元素的集合。 3. `title`：获取或设置当前文档的标题，即HTML中的<title>标签内容。 4. `bgColor`, `fgColor`, `linkColor`, `alinkColor`, `vlinkColor`：分别用于获取或设置页面背景色、前景色、已链接文字颜色、活动链接颜色和已访问链接颜色。这些属性在现代浏览器中已不推荐使用，通常通过CSS来替代。 5. `URL`：返回当前文档的完整URL。 6. `fileCreatedDate`, `fileModifiedDate`, `fileSize`：获取文档的创建日期、修改日期和文件大小，这些属性在现代浏览器中可能不被支持。 7. `cookie`：用于读取、设置和删除页面的cookies。 8. `charset`：获取或设置文档的字符编码，例如"gb2312"。 9. `write()`：向文档流中写入HTML表达式或文本，常用于动态生成页面内容。 10. `createElement(tag)`：创建一个新的HTML元素，指定元素的标签名。 11. `getElementById(id)`：根据ID获取元素，返回指定ID的元素。 12. `getElementsByName(name)`：返回一组具有相同name属性的元素集合。 13. `appendChild(node)`：将指定的节点添加到另一个节点的子节点列表末尾，常用于动态添加元素。 14. `body`：访问文档的body元素，即HTML中的<body>标签。 15. `body.bgColor`, `body.link`, `body.alink`, `body.vlink`, `body.text`：与上面提到的颜色属性类似，但针对body元素，同样已被CSS替代。 16. `body.innerText`：获取或设置元素的纯文本内容，不包括HTML标签。 17. `body.innerHTML`：获取或设置元素的HTML内容，包括标签。 18. `body.topMargin`, `body.leftMargin`, `body.rightMargin`：分别设置body元素的上、左、右边距，现在通常通过CSS样式来设置。以上只是document对象的一部分方法和属性，实际上还有更多其他功能，如`querySelector()`, `querySelectorAll()`, `createDocumentFragment()`, `addEventListener()`, `removeEventListener()`等，它们在实际开发中都发挥着重要作用。掌握document对象的使用，能极大地提高JavaScript编程的效率和灵活性。

JavaScript:document对象方法属性大全　　在JavaScript中document对象是一个极为常见的对象，提供丰富的属性和方法，使用起来也非常的方便。下面我来总结一下这些属性和方法，以备您在使用中随时可以查看。

　　注意：在JavaScript中对象的属性和方法是严格区分大小写的，所以您一定要按正确的大小写来使用，否则会出现无法找到对象或方法的提示。

　　document对象属性
document.getElementById("cc").getElementsByTagName("input");
document.title //设置文档标题等价于HTML的<title>标签
document.bgColor //设置页面背景色
document.fgColor //设置前景色(文本颜色)
document.linkColor //未点击过的链接颜色
document.alinkColor //激活链接(焦点在此链接上)的颜色
document.vlinkColor //已点击过的链接颜色
document.URL //设置URL属性从而在同一窗口打开另一网页
document.fileCreatedDate //文件建立日期，只读属性
document.fileModifiedDate //文件修改日期，只读属性
document.fileSize //文件大小，只读属性
document.cookie //设置和读出cookie
document.charset //设置字符集简体中文:gb2312　　document对象方法
document.write() //动态向页面写入内容
document.createElement(Tag) //创建一个html标签对象
document.getElementById(ID) //获得指定ID值的对象
document.getElementsByName(Name) //获得指定Name值的对象
document.body.appendChild(oTag)body-主体子对象
document.body //指定文档主体的开始和结束等价于<body></body>
document.body.bgColor //设置或获取对象后面的背景颜色
document.body.link //未点击过的链接颜色
document.body.alink //激活链接(焦点在此链接上)的颜色
document.body.vlink //已点击过的链接颜色
document.body.text //文本色
document.body.innerText //设置<body>...</body>之间的文本