document.all与getElementById、getElementsByName、getElementsByTagName用法区别-document.all第1/2页

理解这句话可看以下：
例1（这个可以让你理解文档中哪些是对象）
　　

　　
　　
　　Document.All Example
　　
　　
　　
　　

Example Heading

　　

　　

This is a paragraph. It is only a paragraph.

　　

Yet another paragraph.

　　

This final paragraph has special emphasis.

　　

　　
　　
　　
　　
　　

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

　　输出结果：


代码如下:

　　Example Heading
　　This is a paragraph. It is only a paragraph.
　　Yet another paragraph.
　　This final paragraph has special emphasis.
　　document.all.length=18
　　document.all[0]=!
　　document.all[1]=HTML
　　document.all[2]=HEAD
　　document.all[3]=TITLE
　　document.all[4]=META
　　document.all[5]=BODY
　　document.all[6]=H1
　　document.all[7]=HR
　　document.all[8]=P
　　document.all[9]=EM
　　document.all[10]=EM
　　document.all[11]=P
　　document.all[12]=EM
　　document.all[13]=P
　　document.all[14]=EM
　　document.all[15]=EM
　　document.all[16]=HR
　　document.all[17]=SCRIPT

可以通过ID，NAME或INDEX属性访问某个具体的元素
例2（访问一个特定元素）


代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
　　"http://www.w3.org/TR/html4/loose.dtd">
　　<html>
　　<head>
　　<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
　　<title>单击DIV变色</title>
　　<style type="text/css">
　　<!--
　　#docid{
　　height:400px;
　　width:400px;
　　background-color:#999;}
　　-->
　　</style>
　　</head>
　　<body><div id="docid" name="docname" onClick="bgcolor()"></div>
　　</body>
　　</html>
　　<script language="javascript" type="text/javascript">
　　<!--
　　function bgcolor(){
　　document.all[7].style.backgroundColor="#000"
　　}
　　-->
　　</script>
　　上面的这个例子让你了解怎么访问文档中的一个特定元素，比如文档中有一个DIV
　　<div id="docid" name="docname"></div>，你可以通过这个DIV的ID，NAME或INDEX属性访问这个DIV：
　　document.all["docid"]
　　document.all["docname"]
　　document.all.item("docid")
　　document.all.item("docname")
　　document.all[7]
　　document.all.tags("div")则返回文档中所有DIV数组，本例中只有一个DIV，所以用document.all.tags("div")[0]就可以访问了。

可以用document.all["元素名"].属性名="属性值"来动态改变元素的属性。用这条语句，可以做出许许多多动态网页效果，如：动态变换图片、动态改变文本的背景、动态改变网页的背景、动态改变图片的大小、动态改变文字的大小各颜色等等
[code]
<script language="JavaScript">
function cardClick(cardID){
var obj;
for (var i=1;i<7;i++){
obj=document.all("card"+i);
obj.style.backgroundColor="#3A6EA5";
obj.style.color="#FFFFFF";
}
obj=document.all("card"+cardID);
obj.style.backgroundColor="#FFFFFF";
obj.style.color="#3A6EA5";

for (var i=1;i<7;i++){
obj=document.all("content"+i);
obj.style.display="none";
}
obj=document.all("content"+cardID);
obj.style.display="";
}
</script>

当前1/2页 12下一页阅读全文

赞 (0)

相关推荐

  • document.all与getElementById、getElementsByName、getElementsByTagName用法区别-document.all第1/2页

    理解这句话可看以下: 例1(这个可以让你理解文档中哪些是对象) Document.All Example Example Heading This is a paragraph. It is only a paragraph. Yet another paragraph. This final paragraph has special emphasis. [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 输出结果: 复制代码 代码如下: Example Heading This is

  • document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById

    不过,如果您需要查找文档中的一个特定的元素,最有效的方法是 getElementById(). 不过要注意的是使用getElementById时对不同的浏览器执行的结果可能是不同的,以下有相关说明 复制代码 代码如下: text1: <input name="textName1" type="text" id="textName2" /> <br> text2: <input name="textName2

  • 全面解析jQuery中的$(window)与$(document)的用法区别

    [window对象] 它是一个顶层对象,而不是另一个对象的属性,即表示浏览器中打开的窗口.   1.属性 defaultStatus 缺省的状态条消息 document 当前显示的文档(该属性本身也是一个对象) frame 窗口里的一个框架((FRAME>)(该属性本身也是一个对象) frames array 列举窗口的框架对象的数组,按照这些对象在文档中出现的顺序列出(该属性本身也是一个 对象) history 窗口的历史列表(该属性本身也是一个对象) length 窗口内的框架数 locat

  • javascript getElementsByName()的用法说明

    我们来看: oEle= document.all.aaa ;//这里有一个aaa的对象,但我们不知道它现在长度是多少,所以没办法对它操作.因此,我们要先做判断长度的过程.如下: if(oEle.length){}else{}; 在两种情况下,花括号里面的内容写法也是不一样的: 复制代码 代码如下: if(oEle.length){ for(var i = 0 ;i<oEle.length;i++){ oEle[i].value........ } } else{ oEle.value......

  • jQuery中attr()与prop()函数用法实例详解(附用法区别)

    jQuery中attr()与prop()函数用法实例详解(附用法区别)

    本文实例讲述了jQuery中attr()与prop()函数用法.分享给大家供大家参考,具体如下: 一.jQuery的attr()方法 jquery中用attr()方法来获取和设置元素属性,attr是attribute(属性)的缩写,在jQuery DOM操作中会经常用到attr(),attr()有4个表达式. 1. attr(属性名) //获取属性的值(取得第一个匹配元素的属性值.通过这个方法可以方便地从第一个匹配元素中获取一个属性的值.如果元素没有相应属性,则返回 undefined ) 2.

  • document.write与writeln的输出内容区别说明

    document.write与writeln的输出内容区别说明

    document.write() //将内容写入文档,当前编辑位置为写入的内容的后一个字符 document.writeln() //将内容写入文档,并添加一个换行符,当前编辑位置为写入的内容的后一行 document.write()和document.writeln都是JavaScript向客户端写入的方法,writeln是以行方式输出的,但并不是指页面实际效果中的换行,两种方法在查看源代码时才看得出区别,除非是输出到pre或xmp元素内 测试一下: with(window.open()){

  • document.getElementBy("id")与$("#id")有什么区别

    下面简单介绍下: 第一个就是js中获取对象的方法,比较直接,如果一个页面有多个id,每次都要写这么长的document.getElementBy("id") 复制代码 代码如下: document.getElementBy("id") document.getElementById的简写方式 个人比较推荐用prototype 中对document.getElementById的定义: 复制代码 代码如下: function $(){  var elements =

  • 数据库SQL中having和where的用法区别

    "Where" 是一个约束声明,使用Where来约束来之数据库的数据,Where是在结果返回之前起作用的,且Where中不能使用聚合函数. "Having"是一个过滤声明,是在查询返回结果集以后对查询结果进行的过滤操作,在Having中可以使用聚合函数. 聚合函数,SQL基本函数,聚合函数对一组值执行计算,并返回单个值.除了 COUNT 以外,聚合函数都会忽略空值. 聚合函数经常与 SELECT 语句的 GROUP BY 子句一起使用. Transact-SQL编程

  • PHP中exec与system用法区别分析

    本文实例讲述了PHP中exec与system用法区别,分享给大家供大家参考之用.具体方法如下: 一般来说,在PHP中调用外部命令,可以用exec及system来实现: system() 原型:string system (string command [, int return_var]) system()函数很其它语言中的差不多,它执行给定的命令,输出和返回结果.第二个参数是可选的,用来得到命令执行后的状态码. 返回结果: 成功返回0,   失败(命令不存在等原因)   返回   非0值 ex

  • 浅析php静态方法与非静态方法的用法区别

    在php编程中,static关键字声明一个属性或方法是和类相关的,而不是和类的某个特定的实例相关,因此,这类属性或方法也称为"类属性"或"类方法" 如果访问控制权限允许,可不必创建该类对象而直接使用类名加两个冒号"::"调用. static关键字可以用来修饰变量.方法. 不经过实例化,就可以直接访问类中static的属性和static的方法. static 的属性和方法,只能访问static的属性和方法,不能类访问非静态的属性和方法.因为静态属性

随机推荐