浅析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属性,只要记住这些对象数组就可以通过他们的名称去访问它们所对应的子元素了,所以只要记住以上十个元素代表的意思就可以轻松访问和设置网页文档中的每一个元素了...

Javascript 相关文章推荐
javascript cookies操作集合
Apr 12 Javascript
浅析js中2个等号与3个等号的区别
Aug 06 Javascript
jQuery DOM操作实例
Mar 05 Javascript
Firefox中使用outerHTML的2种解决方法
Jun 07 Javascript
jQuery实现动画效果circle实例
Aug 06 Javascript
详解使用create-react-app添加css modules、sasss和antd
Jul 31 Javascript
解决axios发送post请求返回400状态码的问题
Aug 11 Javascript
jquery+php后台实现省市区联动功能示例
May 23 jQuery
运用js实现图层拖拽的功能
May 24 Javascript
angular使用md5,CryptoJS des加密的方法
Jun 03 Javascript
微信小程序—setTimeOut定时器的问题及解决
Jul 26 Javascript
JS实现拼图游戏
Jan 29 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 图像尺寸调整代码
2010/05/26 PHP
PHP 时间日期操作实战
2011/08/26 PHP
PHP实现数组的笛卡尔积运算示例
2017/12/15 PHP
jquery 事件执行检测代码
2009/12/09 Javascript
javascript 事件查询综合 推荐收藏
2010/03/10 Javascript
JS面向对象编程之对象使用分析
2010/08/19 Javascript
JavaScript mapreduce工作原理简析
2012/11/25 Javascript
基于js disabled=&quot;false&quot;不起作用的解决办法
2013/06/26 Javascript
js对table的td进行相同内容合并示例详解
2013/12/27 Javascript
js在数组中删除重复的元素自保留一个(两种实现思路)
2014/08/22 Javascript
jquery引用方法时传递参数原理分析
2014/10/13 Javascript
学习JavaScript事件流和事件处理程序
2016/01/25 Javascript
Vue.js中用webpack合并打包多个组件并实现按需加载
2017/02/17 Javascript
jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】
2017/03/09 Javascript
js实现延迟加载的几种方法
2017/04/24 Javascript
JS设置手机验证码60s等待实现代码
2017/06/14 Javascript
Angular.js中数组操作的方法教程
2017/07/31 Javascript
layui.js实现的表单验证功能示例
2017/11/15 Javascript
AJAX在JQuery中的应用详解
2019/01/30 jQuery
微信小程序实现同一页面取值的方法分析
2019/04/30 Javascript
Python获取暗黑破坏神3战网前1000命位玩家的英雄技能统计
2016/07/04 Python
利用Tkinter(python3.6)实现一个简单计算器
2017/12/21 Python
python实现壁纸批量下载代码实例
2018/01/25 Python
Python合并多个Excel数据的方法
2018/07/16 Python
详解Python3定时器任务代码
2019/09/23 Python
python爬虫 线程池创建并获取文件代码实例
2019/09/28 Python
解决Jupyter NoteBook输出的图表太小看不清问题
2020/04/16 Python
Python Mock模块原理及使用方法详解
2020/07/07 Python
彻底解决Python包下载慢问题
2020/11/15 Python
挪威户外活动服装和装备购物网站:Bergfreunde挪威
2016/10/20 全球购物
DJI大疆德国官方商城:大疆无人机
2018/09/01 全球购物
《千年梦圆在今朝》教学反思
2014/02/24 职场文书
逃课检讨书
2015/01/26 职场文书
团员个人总结
2015/02/26 职场文书
JavaScript原型链详解
2021/11/07 Javascript
vue elementUI批量上传文件
2022/04/26 Vue.js