JavaScript document对象详解与常用属性方法
"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对象属性
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>之间的文本
document.body.topMargin //页面上边距
document.body.leftMargin //页面左边距
document.body.rightMargin //页面右边距
document.body.bottomMargin //页面下边距
document.body.background //背景图片
document.body.appendChild(oTag) //动态生成一个HTML对象 document常用对象事件
document.body.onclick="func()" //鼠标指针单击对象是触发
document.body.onmouseover="func()" //鼠标指针移到对象时触发
document.body.onmouseout="func()" //鼠标指针移出对象时触发 document.location-位置子对象
document.location.hash // #号后的部分
document.location.host // 域名+端口号
document.location.hostname // 域名
document.location.href // 完整URL
document.location.pathname // 目录部分
document.location.port // 端口号
document.location.protocol // 网络协议(http:)
document.location.search // ?号后的部分
documeny.location.reload() //刷新网页
document.location.reload(URL) //打开新的网页
document.location.assign(URL) //打开新的网页
document.location.replace(URL) //打开新的网页 selection-选区子对象
document.selection document.images集合(页面中的图象)
a)通过集合引用
document.images //对应页面上的<img>标签
document.images.length //对应页面上<img>标签的个数
document.images[0] //第1个<img>标签
document.images[i] //第i-1个<img>标签
剩余7页未读,继续阅读
- 粉丝: 0
- 资源: 5
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
最新资源
- WebLogic集群配置与管理实战指南
- AIX5.3上安装Weblogic 9.2详细步骤
- 面向对象编程模拟试题详解与解析
- Flex+FMS2.0中文教程:开发流媒体应用的实践指南
- PID调节深入解析:从入门到精通
- 数字水印技术:保护版权的新防线
- 8位数码管显示24小时制数字电子钟程序设计
- Mhdd免费版详细使用教程:硬盘检测与坏道屏蔽
- 操作系统期末复习指南:进程、线程与系统调用详解
- Cognos8性能优化指南:软件参数与报表设计调优
- Cognos8开发入门:从Transformer到ReportStudio
- Cisco 6509交换机配置全面指南
- C#入门:XML基础教程与实例解析
- Matlab振动分析详解:从单自由度到6自由度模型
- Eclipse JDT中的ASTParser详解与核心类介绍
- Java程序员必备资源网站大全