编程 Javascript

浅析JS中document对象的一些重要属性

Posted in Javascript onMarch 06, 2014

可以通过这些属性访问到页面中的每一个元素和它们的属性,每一个标签都可以通过它们对应的数组去访问他们的属性

一： forms数组对象:代码网页中所有form标签的集合

二： anchors数组对象:指定了网页中所有指定了name或id属性的<a>标签的集合,但不包括指定了href标签的集合

三：links数组对象指所有指定了href属性的<a>标签的集合

四：images数组对象:指定了文档中所有的<img>标签的集合

五：scripts数组对象:代表了文档中所有的<script>标签的集合

六：applets数组对象:代表了文档中所有的<applets>标签的集合

七：all数组对象:代表所有文档中所有的标签

八：styleSheets数组对象:文档中所有引入的样式表的集合

九：body对象:代表文档当中套在<body>标签对里面的HTML子元素,可以作为body对象的属性来引用

十：title对象:代表文档中的<title>标签对,用来设置和引用网页标签栏上的内容

它们的引用范例:
document.all.imag1.src
document.images.imag1.src
document.images.item("imag1").src
document.images.item(0).src

其它元素的访问也可以使用同样的方法,当然必须为要访问的对象指定name或ID属性,只要记住这些对象数组就可以通过他们的名称去访问它们所对应的子元素了,所以只要记住以上十个元素代表的意思就可以轻松访问和设置网页文档中的每一个元素了...

浅析JS中document对象的一些重要属性

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

读jQuery之十事件模块概述

Jun 27 Javascript

jquery实现兼容浏览器的图片上传本地预览功能

Oct 14 Javascript

javascript常用函数归纳整理

Oct 31 Javascript

jQuery中scrollLeft()方法用法实例

Jan 16 Javascript

JS中sort函数排序用法实例分析

Jun 16 Javascript

原生js实现电商侧边导航效果

Jan 19 Javascript

Bootstrap实现各种进度条样式详解

Apr 13 Javascript

关于Ajax的原理以及代码封装详解

Sep 08 Javascript

JavaScript 正则命名分组【推荐】

Jun 07 Javascript

vue中动态设置meta标签和title标签的方法

Jul 11 Javascript

Vue 中axios配置实例详解

Jul 27 Javascript

使用Vant完成DatetimePicker 日期的选择器操作

Nov 12 Javascript

浅析jquery的js图表组件highcharts

Mar 06 #Javascript

JavaScript利用构造函数和原型的方式模拟C#类的功能

Mar 06 #Javascript

javascript简单实现命名空间效果

Mar 06 #Javascript

深入剖析JavaScript中的枚举功能

Mar 06 #Javascript

javascript模拟枚举的简单实例

Mar 06 #Javascript

js模拟C#中List的简单实例

Mar 06 #Javascript

js模拟hashtable的简单实例

Mar 06 #Javascript

You might like

php遍历数组的4种方法总结

2014/07/05 PHP

在浏览器窗口上添加遮罩层的方法

2012/11/12 Javascript

javascript中怎么做对象的类型判断

2013/11/11 Javascript

jquery加载图片时以淡入方式显示的方法

2015/01/14 Javascript

浅谈jQuery页面的滚动位置scrollTop、scrollLeft

2015/05/19 Javascript

JavaScript使用FileSystemObject对象写入文本文件内容的方法

2015/08/05 Javascript

微信小程序参数传递详解

2016/10/24 Javascript

基于Vue2.0的分页组件

2017/03/16 Javascript

详解Web使用webpack构建前端项目

2017/09/23 Javascript

JS基于对象的特性实现去除数组中重复项功能详解

2017/11/17 Javascript

vue和react等项目中更简单的实现展开收起更多等效果示例

2018/02/22 Javascript

详解Angular模板引用变量及其作用域

2018/11/23 Javascript

vue-cli点击实现全屏功能

2020/03/07 Javascript

微信小程序 wx:for 与 wx:for-items 与 wx:key的正确用法

2020/05/19 Javascript

vue+elementUI实现简单日历功能

2020/09/24 Javascript

Python挑选文件夹里宽大于300图片的方法

2015/03/05 Python

在windows下快速搭建web.py开发框架方法

2016/04/22 Python

Python序列操作之进阶篇

2016/12/08 Python

pygame实现弹力球及其变速效果

2017/07/03 Python

python实现ID3决策树算法

2017/12/20 Python

详解Django+Uwsgi+Nginx的生产环境部署

2018/06/25 Python

Django 通过JS实现ajax过程详解

2019/07/30 Python

简单了解python协程的相关知识

2019/08/31 Python

python用pip install时安装失败的一系列问题及解决方法

2020/02/24 Python

浅谈python元素如何去重,去重后如何保持原来元素的顺序不变

2020/02/28 Python

Win 10下Anaconda虚拟环境的教程

2020/05/18 Python

Python实现SMTP邮件发送

2020/06/16 Python

利用Python实现朋友圈中的九宫格图片效果

2020/09/03 Python

Numpy实现卷积神经网络(CNN)的示例

2020/10/09 Python

材料采购员岗位职责

2013/12/17 职场文书

自立自强的名人事例

2014/02/10 职场文书

2014乡镇“三八”国际劳动妇女节活动总结

2014/03/01 职场文书

2015年女生节活动总结

2015/02/27 职场文书

军训新闻稿范文

2015/07/17 职场文书

2015国庆节66周年标语

2015/07/30 职场文书

Vue + iView实现Excel上传功能的完整代码

2021/06/22 Vue.js