编程 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 相关文章推荐

精通Javascript系列之数值计算

Jun 07 Javascript

基于jquery库的tab新形式使用

Nov 16 Javascript

jQuery对象和Javascript对象之间转换的实例代码

Mar 20 Javascript

jQuery实现DIV层收缩展开的方法

Feb 27 Javascript

深入解析JavaScript的闭包机制

Oct 20 Javascript

AngularJS使用ngMessages进行表单验证

Dec 27 Javascript

jquery选择器中的空格与大于号>、加号+与波浪号~的区别介绍

Jun 24 Javascript

javascript防篡改对象实例详解

Apr 10 Javascript

webpack学习教程之前端性能优化总结

Dec 05 Javascript

微信小程序组件传值图示过程详解

Jul 31 Javascript

jquery获取并修改触发事件的DOM元素示例【基于target 属性】

Oct 10 jQuery

vue-cli3.0修改打包后的文件名和文件地址,打包后本地运行报错解决

Apr 06 Vue.js

浅析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

《猛禽小队》：DC宇宙的又一超级大烂片

2020/04/09 欧美动漫

长波有什么东西

2021/03/01 无线电

php获取bing每日壁纸示例分享

2014/02/25 PHP

php通过curl模拟登陆DZ论坛

2015/05/11 PHP

PHP实现的限制IP投票程序IP来源分析

2016/05/04 PHP

PHP数组操作实例分析【添加,删除,计算,反转,排序,查找等】

2016/12/24 PHP

如何修改Laravel中url()函数生成URL的根地址

2017/08/11 PHP

浅析PHP数据导出知识点

2018/02/17 PHP

php-fpm服务启动脚本的方法

2018/04/27 PHP

PHP扩展安装方法步骤解析

2020/11/24 PHP

JavaScript语言中的Literal Syntax特性分析

2007/03/08 Javascript

密码框显示提示文字jquery示例

2013/08/29 Javascript

简易的JS计算器实现代码

2016/10/18 Javascript

详解用原生JavaScript实现jQuery的某些简单功能

2016/12/19 Javascript

js实现将json数组显示前台table中

2017/01/10 Javascript

js获取浏览器的各种属性

2017/04/27 Javascript

Angularjs自定义指令Directive详解

2017/05/27 Javascript

十分钟带你快速了解React16新特性

2017/11/10 Javascript

每周一练之数据结构与算法（Stack）

2019/04/16 Javascript

react组件基本用法示例小结

2020/04/27 Javascript

JS将指定的某个字符全部转换为其他字符实例代码

2020/10/13 Javascript

[52:41]OG vs IG 2018国际邀请赛小组赛BO2 第二场 8.18

2018/08/20 DOTA

python 根据正则表达式提取指定的内容实例详解

2016/12/04 Python

Python 实现简单的shell sed替换功能(实例讲解)

2017/09/29 Python

Python实现将MySQL数据库表中的数据导出生成csv格式文件的方法

2018/01/11 Python

你不知道的5个HTML5新功能

2016/06/28 HTML / CSS

美国新兴城市生活方式零售商：VILLA

2017/12/06 全球购物

Elemental Herbology官网：英国美容品牌

2019/04/27 全球购物

Michael Kors澳大利亚官网：世界知名的奢侈饰品和成衣设计师

2020/02/13 全球购物

小学岗位竞聘方案

2014/01/22 职场文书

会走路的树教学反思

2014/02/20 职场文书

三方协议书范本

2014/04/22 职场文书

农民工工资保障承诺书

2015/05/04 职场文书

初中家长意见

2015/06/03 职场文书

矛盾论读书笔记

2015/06/29 职场文书

2019年教师入党申请书

2019/06/27 职场文书