编程 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中大家不太了解的几个方法

Mar 04 Javascript

AngularJS身份验证的方法

Feb 17 Javascript

概述一个页面从输入URL到页面加载完的过程

Dec 16 Javascript

Bootstrap CSS组件之输入框组

Dec 17 Javascript

JavaScript中object和Object的区别(详解)

Feb 27 Javascript

Vue插件写、用详解（附demo）

Mar 20 Javascript

对vue.js中this.$emit的深入理解

Feb 23 Javascript

jquery的 filter()方法使用教程

Mar 22 jQuery

AngularJS自定义过滤器用法经典实例总结

May 17 Javascript

vue2.0 自定义组件的方法（vue组件的封装）

Jun 05 Javascript

JS基于ES6新特性async await进行异步处理操作示例

Feb 02 Javascript

VUE.CLI4.0配置多页面入口的实现

Nov 25 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设计模式 php实现门面模式（Facade）

2015/12/07 PHP

Linux php 中文乱码的快速解决方法

2016/05/13 PHP

javascript 操作符（~、&、|、^、）使用案例

2014/12/31 Javascript

jquery序列化方法实例分析

2015/06/10 Javascript

javascript实现全角半角检测的方法

2015/07/23 Javascript

Bootstrap每天必学之js插件

2015/11/30 Javascript

JS代码随机生成姓名、手机号、身份证号、银行卡号

2016/04/27 Javascript

Vue.js 表单校验插件

2016/08/14 Javascript

bootstrap模态框实现拖拽效果

2016/12/14 Javascript

AngularJS使用ng-inlude指令加载页面失败的原因与解决方法

2017/01/19 Javascript

基于nodejs实现微信支付功能

2017/12/20 NodeJs

30分钟快速入门掌握ES6/ES2015的核心内容（下）

2018/04/18 Javascript

Vue2.0学习系列之项目上线的方法步骤(图文)

2018/09/25 Javascript

微信小程序实现多选功能

2018/11/04 Javascript

JS数组reduce()方法原理及使用技巧解析

2020/07/14 Javascript

react-native 实现购物车滑动删除效果的示例代码

2021/01/15 Javascript

python实现异步回调机制代码分享

2014/01/10 Python

用Python实现一个简单的能够发送带附件的邮件程序的教程

2015/04/08 Python

python代码 if not x: 和 if x is not None: 和 if not x is None:使用介绍

2016/09/21 Python

Python常用内置模块之xml模块(详解)

2017/05/23 Python

Python数据分析之双色球中蓝红球分析统计示例

2018/02/03 Python

python取数作为临时极大值(极小值)的方法

2018/10/15 Python

python获取Linux发行版名称

2019/08/30 Python

Python3搭建http服务器的实现代码

2020/02/11 Python

Python 跨.py文件调用自定义函数说明

2020/06/01 Python

Python实现自动签到脚本功能

2020/08/20 Python

eBay奥地利站：eBay.at

2019/07/24 全球购物

成功的餐厅经营创业计划书

2014/01/15 职场文书

《冬阳童年骆驼队》教学反思

2014/04/15 职场文书

《放飞蜻蜓》教学反思

2014/04/27 职场文书

音乐之声音乐广播稿

2014/09/10 职场文书

2014年青年志愿者工作总结

2014/12/09 职场文书

职代会闭幕词

2015/01/28 职场文书

小学英语新课改心得体会

2016/01/22 职场文书

golang如何去除多余空白字符(含制表符)

2021/04/25 Golang

IDEA使用SpringAssistant插件创建SpringCloud项目

2021/06/23 Java/Android