【JavaScript】document对象属性
在document上讲解这些属性不具有典型性,但只要掌握了一个对象
在某个事件上的处理方式,也就自然的掌握了在其它对象上处理这个
事件。
对于document对象所支持的事件在这里就不赘述了。
下面说一下document对象属性:
1.forms数组对象:代表html文档中的所有form标签对的集合。
2.anchors数组对象:代表html文档中所有指定的name属性或id属性的a
标签对的集合。
3.links数组对象:代表html文档中所有指定的href属性的a标签对的集合。
4.images数组对象:代表html文档中所有指定的img标签对的集合。
5.scripts数组对象:代表html文档中所有指定的script标签对的集合。
6.applets数组对象:代表html文档中所有指定的applet标签对的集合,
applet是属于Java编程的一种专门技术,不属于Javascript的内容
7.all数组对象:所有的html标签集合。
8.styleSheets数组对象:所有的style、link标签、import引入的样式表
的集合。
9.body对象:代表body标签对,body标签中的子标签可以作为body对象的
属性来使用。
10.title对象:代表html文档中所有指定的title标签对的集合,我们可以
通过这个对象设置title标题的内容。
documents对象属性举例1:
先看一段html代码:
<body οnlοad="checkall()">
<a href="#mark" name="href1">to p1</a>
<a href="#mark" name="href2">to p2</a>
<img src="sample.gif" name="img1">
<form name="form1">
<input type=submit>
</form>
<a name="mark1">paragraph1
<form name="form2">
<input type=text name="user"><br>
<input type=submit>
</form>
<a name="mark2">paragraph2
</body>
在checkall()方法里,我们会打开一个新的文档窗口,
显示上面各类html标签的统计信息:
<script language="javascript" name=script1>
function checkall()
{var owin=window.open("","_blank");owin.document.write("<table border=1 width=400 style='FONT-SIZE:xx-small'>"+"<caption>all数组里一共有"+document.all.length+"个元素</caption><tr>")for(var i=0;i<document.all.length;i++){owin.document.write("<td>"+document.all[i].tagName+"</td>");}owin.document.writeln("</tr></table>");var objnames=["links","forms","anchors","scripts","images"];for(var j=0;j<objnames.length;j++){owin.document.write("<table border=1 width=400 style='FONT-SIZE:xx-small'>"+"<caption>");eval('owin.document.write(objnames[j]+"数组一共有"+document.'+objnames[j]+'.length)');owin.document.write("个元素</caption><tr>");}var len=0;eval("lan=document."+objnames[j]+".length");for(var i=0;i<len;i++){eval('owin.document.wrtie("<td>"+document.'+objnames[j]+'[i].name+"</td>")');}owin.document.writeln("</td></table>");}
</script>
运行效果:
all数组里一共有16个元素 HTML HEAD TITLE SCRIPT BODY A A IMG FORM INPUT A FORM INPUT BR INPUT A
links数组一共有2个元素
forms数组一共有2个元素
anchors数组一共有4个元素
scripts数组一共有1个元素
转载请注明出处:http://blog.csdn.net/acmman/article/details/47615311
【JavaScript】document对象属性相关推荐
- JavaScriptjQuery.document对象属性和方法
document对象属性和方法 document对象代表浏览器当面窗口或标签中载入的页面. 它的常用属性有: 属性 ...
- JavaScript 访问对象属性和方法及区别
这篇文章主要介绍了浅析JavaScript访问对象属性和方法及区别的相关资料,仅供参考 属性是一个变量,用来表示一个对象的特征,如颜色.大小.重量等:方法是一个函数,用来表示对象的操作,如奔跑.呼吸. ...
- Javascript document对象常用的方法和属性
对象属性: document.title //设置文档标题等价于HTML的<title>标签 document.bgColor ...
- javascript document对象 第21节
<html> <head><title>DOM对象</title><style type="text/css">tabl ...
- JavaScript Document对象DOM
Document对象 DOM 描述 每个载入浏览器的HTML文档都会成为Document对象 Document对象使我们可以从脚本中对HTML页面中的所有元素进行访问 Document 对象是 Win ...
- JavaScript Document 对象
Document 对象的理解: 第一点:Document 它管理了所有的 HTML 文档内容. 第二点:document 它是一种树结构的文档.有层级关系. 第三点:它让我们把所有的标签 都 都 对象 ...
- JavaScript原生对象属性和方法详解——String对象
length length 属性可返回字符串中的字符数目. length 是根据字符串的UTF-16编码来获取长度的,空字符串长度为0.length 不可修改. charAt() charAt() 方 ...
- javascript:document对象的常用属性和方法
属性 意义 anchors[] anchors对象数组,每一个都代表文档中出现的一个锚地 applets[] applet对象数组,代表文档中 ...
- Document 对象属性及方法小结
1 Browser对象Window : closedNavigatorScreenHistoryLocation 2 Document集合:window.documentdocument.all[i] ...
最新文章
- 偏度与峰度的正态性分布判断
- php生成文字闪烁,如何用jquery实现闪烁文字效果
- linux usb全自动安装,制作liveusb实现centos6.2全自动无人职守安装
- Android成长日记-使用ViewFlipper实现屏幕切换动画效果
- 大学计算机人工智能知识点,人工智能知识点大集锦
- python中home定义是什么_第48p,什么是函数?,Python中函数的定义
- String案例 获取一个字符串在另一个字符串中出现的次数(两种方法)
- .NET Core实战项目之CMS 第七章 设计篇-用户权限极简设计全过程
- Mendix宣布推出低代码人工智能与机器学习功能
- 算法笔记_065:分治法求逆序对(Java)
- suse zypper 添加源
- 【华为云技术分享】云图说 | Dubbo框架应用也可以使用Istio服务网格
- SpringCloudSpringBootmybatis分布式微服务云架构-hystrix参数详解
- python 爬虫 使用selenium 控制浏览器 进行搜索操作
- SQL Server Compact 3.5 SP1 RTM发布了!
- Air Keyboard
- 选择结构与分支结构 计算器的实现
- 问题解决:Too many errors! 3 errors were dropped
- 数据分析师——个人求职之路经历分享(2020届)
- 【记录】PR|一些使用技巧记录
热门文章
- Django-Migration admin.0001_initial is applied before its dependency accounts.0001_initial on....
- 好程序员web前端分享使用JavaScript正则表达式如何去掉双引号
- 前端每日实战:164# 视频演示如何用原生 JS 创作一个数独训练小游戏(内含 4 个视频)...
- deno学习一 安装试用几个问题解决
- VirtualBox虚拟机导出导入实践
- asp.net中的<%%>形式的详细用法总结
- 使程序变为后台运行代码
- 浮点型数据存储格式详解
- 电脑仙人掌机器人作文_神奇的仙人掌作文400字
- myeclipse如何修改tomcat的timeout