浅析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中的call实现继承
Jan 22 Javascript
CSS和JS标签style属性对照表(方便js开发的朋友)
Nov 11 Javascript
js编写trim()函数及正则表达式的运用
Oct 24 Javascript
使用jQuery重置(reset)表单的方法
May 05 Javascript
JS实现往下不断流动网页背景的方法
Feb 27 Javascript
基于jquery实现的仿优酷图片轮播特效代码
Jan 13 Javascript
JS实现复选框的全选和批量删除功能
Apr 05 Javascript
javascript性能优化之分时函数的介绍
Mar 28 Javascript
详解用Webpack与Babel配置ES6开发环境
Mar 12 Javascript
JavaScript判断数组类型的方法
Oct 23 Javascript
JS绘图Flot如何实现可选显示曲线图功能
Oct 16 Javascript
vue浏览器返回监听的具体步骤
Feb 03 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
PHP has encountered an Access Violation 错误的解决方法
2010/01/17 PHP
简单的PHP留言本实例代码
2010/05/09 PHP
php检测mysql表是否存在的方法小结
2017/07/20 PHP
Laravel 批量更新多条数据的示例
2017/11/27 PHP
Laravel 使用查询构造器配合原生sql语句查询的例子
2019/10/12 PHP
jquery ajax实现下拉框三级无刷新联动,且保存保持选中值状态
2013/10/29 Javascript
生成二维码方法汇总
2014/12/26 Javascript
微信小程序 倒计时组件实现代码
2016/10/24 Javascript
详解jQuery停止动画——stop()方法的使用
2016/12/14 Javascript
工作中常用的js、jquery自定义扩展函数代码片段汇总
2016/12/22 Javascript
基于JavaScript实现带数据验证和复选框的表单提交
2017/08/23 Javascript
Vue-Router实现组件间跳转的三种方法
2017/11/07 Javascript
在vue中,v-for的索引index在html中的使用方法
2018/03/06 Javascript
微信小程序中使用echarts的实现方法
2019/04/24 Javascript
node中IO以及定时器优先级详解
2019/05/10 Javascript
Vue+ElementUI使用vue-pdf实现预览功能
2019/11/26 Javascript
node事件循环和process模块实例分析
2020/02/14 Javascript
js实现表格单列按字母排序
2020/08/12 Javascript
python编程-将Python程序转化为可执行程序[整理]
2007/04/09 Python
浅析Python多线程下的变量问题
2015/04/28 Python
Python django实现简单的邮件系统发送邮件功能
2017/07/14 Python
python Socket之客户端和服务端握手详解
2017/09/18 Python
Pycharm 创建 Django admin 用户名和密码的实例
2018/05/30 Python
Django开发的简易留言板案例详解
2018/12/04 Python
Pytorch 神经网络—自定义数据集上实现教程
2020/01/07 Python
如何在windows下安装Pycham2020软件(方法步骤详解)
2020/05/03 Python
用python按照图像灰度值统计并筛选图片的操作(PIL,shutil,os)
2020/06/04 Python
Python判断字符串是否为合法标示符操作
2020/09/03 Python
中东最大的在线宠物店:Dubai Pet Food
2020/06/11 全球购物
县级领导干部开展党的群众路线教育实践活动工作汇报
2014/10/25 职场文书
2014年学前班工作总结
2014/12/08 职场文书
历史名人教你十五个读书方法,赶快Get起来!
2019/07/18 职场文书
python自动化之如何利用allure生成测试报告
2021/05/02 Python
详解Redis在SpringBoot工程中的综合应用
2021/10/16 Redis
Python利用capstone实现反汇编
2022/04/06 Python
PYTHON 使用 Pandas 删除某列指定值所在的行
2022/04/28 Python