`
touchinsert
  • 浏览: 1288898 次
  • 性别: Icon_minigender_1
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

ie中用document.all而firefox中不识,则用document.getElementByTagName("*")

 
阅读更多

document.all [ ]是文档中所有标签组成的一个数组变量,包括了文档对象中所有元素

document.all [ ]这个数组可以访问文档中所有元素。

例1(这个可以让你理解文档中哪些是对象)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html XMLns="http://www.w3.org/1999/xhtml">
<head>
<title>Document.All Example</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
</head>
<body>
<h1>Example Heading</h1>
<hr />
<p>This is a <em>paragraph</em>. It is only a <em>paragraph.</em></p>
<p>Yet another <em>paragraph.</em></p>
<p>This final <em>paragraph</em> has <em id="special">special emphasis.</em></p>
<hr />
<script type="text/JavaScript"> .
<!--
var i,origLength;
origLength = document.all .length;
document.write('document.all .length=' origLength "<br />");
for (i = 0; i < origLength; i )
{
document.write("document.all [" i "]=" document.all [i].tagName "<br />");
}
//-->
</script>
</body>
</html>

输出结果:

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

<body>
<div id="aa">123456</div>
<input type="button" value="这里用 document 就出错"
onclick="alert(document.aa.innerText);" />
<br />
<input type="button" value="这里用 document.all 就不出错"
onclick="alert(document.all.aa.innerText);" />
</body> 运行以上代码.


如果与a,form对象,image对象,applet对象相对应的html标记中设定了name性质,它的值将被用作document对象的属性名,用 来引用相应的对象,其他的对象则不可以。

另外,input等如果作为form的子元素,则直接用inputName或者document.inputName来引用此对象就是错误的,必须使用 formName.inputName引用,否则就可以使用inputName来引用.

另外应该注意到有很多平时用的元素都没有name.
如果想引用一个有id的元素,只能用Id或者document.getElementById,document.all.id来引用
但是象这样的元素,所以象<a href="......" name="linkname"
id="linkid">......</a>这样的
可以用
linkid.href;
linkname.href;
document.all.linkid.href;
document.all.linkname.href;
document.getElementById("linkid").href;
document.getElementsByName("linkname")[0].href来引用
all是一个集合,包含所有html对像的集合,写一个程式,可以存取到所有的对像。像这样:
<script language="javascript">
var obj="";
for(i=0;i<document.all.length;i++)
obj+=document.all[i].tagName+";";
alert(obj);
</script>
注意要把程式放到</html>之后哦。

分享到:
评论

相关推荐

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

    HTML DOM 定义了多种查找元素的方法,除了 getElementById() 之外,还有 getElementsByName() 和 getElementsByTagName()。

    DOM的基本方法.txt

    一.直接引用结点 1.document.getElementById(id);...2.document.getElementByTagName(tagName); --返回一个数组,包含对这些结点的引用 --如:document.getElementByTagName("span");将返回所有类型为span的结点

    DOM 基本方法

    –在文档里面通过id来找结点 2.document.getElementByTagName(tagName); –返回一个数组,包含对这些结点的引用 –如:document.getElementByTagName(“span”);将返回所有类型为span的结点 二.间接引用结点 3....

    javascript getElementByTagName的使用

    javascript getElementByTagName的使用 .dd1{ color:#FF0000; } .dd2{ color:blue; } dfdfd dfdfd dfdfd [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

    javascript中HTMLDOM操作详解

    一、定义:htmlDOM是一种面向对象的树的模型,它包含html中的所有元素;通过html可以找到所有包含在dom中的元素。 二、作用: ...var y=x.getElementByTagName(“div”); 3)通过类名查找元素 三、改变HTML

    巧用局部变量提升javascript性能

    javascript中一个标识符所在的位置越深,...– 优化前 –&gt; [removed] function initUI () { var bd = document.body, links = document.getElementByTagName(“a”), i=0, len=links.length; while(i &lt; len){ update

    javascript 有用的脚本函数

    document.getElementByTagName)return false; var headers = document.getElementByTagName(“h1”); for(var i = 0;i&lt;headers.length;i++){ addClass(elem,”intro”); } } function styleElementSiblings(tag,...

    jQuery实现隔行变色的方法分析(对比原生JS)

    var tab = document.getElementByTagName('table')[0]; var tr = tab.getElementByTagName('tr'); for(var i=0;i&lt;tr.length;i++){ if(i%2==0){ tr[i].style.background="orange"; }else{ tr[i].style....

    浅谈javascript中的DOM方法

     1)document.getElementById(id);通过对象的属性id来获取;  2)element.getElementByTagName(tag);通过标签名来获取;  3)element.getElementByClassName(class);通过属性类名来获取; 2:属性的set和get方法.  1)...

    JavaScript笔记

    如返回-1,x则不在数组中 18.Number对象: |--x.toFixed(num):可把Number四舍五入为指定小数位数(num:0-20)的数字 |--x.toString():用于把一个 Number 对象转换为一个字符串,并返回结果 19.正则表达式对象:...

    element-kit:为您的 HTMLElements 提供额外的 javascript 好东西

    一个轻量级的库,允许您在本身不支持它们的浏览器(如 IE8 和 IE9)中使用和方法。 该库还为您的元素添加了一些其他有用的好东西(方法),我们认为 Element API 中缺少这些东西。 阅读下文。 API 文档 请参阅完整...

    js阻止默认事件与js阻止事件冒泡示例分享 js阻止冒泡事件

    1. event.preventDefault(); — 阻止元素的默认事件。...var samp = document.getElementByTagName(“a”); samp.addEventListener(“click”,function(e){e.preventDefault()},false); 解释:点击链接的时候正常情况

    auto-save:一个简单的计时器包装器,可用于在基于文本的 Web 应用程序(如 Google Docs)中实现延迟自动保存

    自动保存一个简单的计时器包装器,可用于在基于文本的应用程序(如 Google Docs)中实现延迟自动保存。安装使用安装: $ component install bmcmahen/auto-save应用程序接口 // 500 represents the timeout duration...

    原生JS实现列表子元素顺序反转的方法分析

    编写一个函数将一个列表里面的所有子元素顺序反转,问题不难但是解决的方法却有多种,而且性能大不一样,下面就介绍几种常用的方法: 1. 采用直接的DOM操作: var ul = document.getElementById('target'); var ...

    js从外部获取图片的实现方法

    图片ping:图片可以从任何URL中加载,所以将img的src设置成其它域的URL,即可以实现简单的跨域,可以使用onload和onerror事件来确定是否接受到了响应 var img=new Image(); img.onload=img.onerror=function(){ ...

    jQuery DOM操作小结与实例

    Javascript中的getElementById(),getElementByTagName(),getAttribute()和setAttribute()方法,都是dom core的组成部分。 2. HTML_DOM 使用HTML_DOM来获取表单对象的方法 Document.forms 使用HTML_D

    Jquery中CSS选择器用法分析

    本文实例讲述了Jquery中CSS选择器用法。分享给大家供大家参考。具体如下: jQuery使用了一套css选择器,共有5种,即标签选择器,ID选择器,类选择器,通用选择器和群组选择器,现分述如下: 1. 标签选择器 用于选择...

    JQuery性能优化的几点建议

    在class前面使用tag:jQuery中第二快的选择器就是tag选择器(如$(‘head’)),因为它和直接来自于原生的Javascript方法getElementByTagName()。所以最好总是用tag来修饰class(并且不要忘了就近的ID);  3. 使用子...

Global site tag (gtag.js) - Google Analytics