javascript当中document.all[i]的用法

最新推荐文章于 2021-05-14 16:46:55 发布
最新推荐文章于 2021-05-14 16:46:55 发布
阅读量273 收藏
点赞数
分类专栏： javascript 文章标签： javascript document all attributes document all tagName document all style document all style
原文链接：https://blog.csdn.net/mark_to_win/article/details/88668193
版权

1.document.all[i]
document.all[i].tagName和attributes
 注意第三章用 if (document.all) 来判断是不是火狐。和这里不一样。这里是document.all[i]返回所有element（带标签的）而不是Node（包括Text_Node），见后面的DOM， 。
例 1.1（DocumentAll1IEFF.html）
<html xmlns="[url]http://www.w3.org/1999/xhtml[/url]">
<head>
<title>Document.All Example</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
</head>
<body>
<TABLE id="tableid4" BORDER=2 CELLPADDING=3></TABLE>
<h1>Example Heading</h1>
mark-to-win
<hr />
<p>This is a <em>paragraph</em>. It is only a <em>paragraph.</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 />");
}
/* "*" 传递给 getElementsByTagName() ，返回所有元素的列表*/
        var nlAll=document.getElementsByTagName("*");
        myAttributesObject = nlAll[5].attributes;
  //      myAttributesObject = document.all[5].attributes;
        for(i=0; i<myAttributesObject.length; i++)
        {
           
            myAttrib = myAttributesObject[i];
/*    Attribute.specified (Property)
         Whether the value has been specified or not.*/            
            if(myAttrib.specified==true)
            document.write("Attribute ("+myAttrib.name+"):"+ "its.value is "+myAttrib.value+"<br>");
        }
//-->
</script>
</body>
</html>
 

更多请见：http://www.mark-to-win.com/tutorial/js_6_documentall.html

仔仔尔
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS：document.all的用法
01-29
JS：document.all的用法
JS的document.all函数使用示例
10-26
由于`document.all`并非标准的DOM方法，因此在现代浏览器中已不再推荐使用，而是倾向于使用`document.getElementById`、`document.getElementsByTagName`、`document.querySelector`和`document.querySelectorAll`等...
document.all的用法
沧海芙蓉
03-21 6808
document.all的意思是文档的所有元素，也就是说它包含了当前网页的所有元素。它是以数组的形式保存元素的属性的，所以我们可以用document.all["元素名"].属性名="属性值"来动态改变元素的属性。用这条语句，可以做出许许多多动态网页效果，如：动态变换图片、动态改变文本的背景、动态改变网页的背景、动态改变图片的大小、动态改变文字的大小各颜色等等。你简直可以动态控制所有网页元素。 f
Document.all[]的用法
一直在路上
12-05 431
Document.all[]是文档中所有标签组成的一个数组变量 包括了文档对象中所有元素 自己写的一个简单例子 供参考： Document.All.html &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;...
js中 document.all用法
weixin_43862596的博客
05-14 1349
document.all是页面内所有元素的一个集合。例如： document.all(0)表示页面内第一个元素 可以通过document.all判断浏览器是否是IE if(document.all){ alert(“is IE!”); } 可以通过给某个元素设置id属性（id=aaaa）,然后用document.all.aaaa调用该元素 注意： ie支持document.all 而firefox 不支持 document.all 表示当前页面的所有元素的集合，但该功能只被IE支持，因此它不是DOM标准
解决 firefox 不支持 document.all的方法
10-31
一种简单的方法是使用 document.getElementsByTagName("*") 替代 document.all。getElementsByTagName() 方法可以根据标签名获取所有元素的集合，"*"号表示获取所有元素，而不管它们的标签名是什么。 例如，如果你...
Document和Document.all区别分析
09-06
总结来说，`Document` 和 `Document.all` 的主要区别在于，`Document` 是现代Web开发的标准接口，提供了更安全、更高效的方法来访问和操作文档元素，而 `Document.all` 是一个遗留的属性，主要用于兼容旧版本的...
js中document.getElementByid、document.all和document.layers区分介绍
10-28
在这个话题中，我们将深入探讨三个在JavaScript历史中起到重要作用的属性：`getElementById`，`document.all`，以及`document.layers`。 首先，`getElementById`是W3C定义的DOM Level 1标准方法，它根据指定的ID值...
document.all与getElementById、getElementsByName、getElementsByTagName用法区别-getElementById
09-06
在编写JavaScript代码时，应尽量避免依赖`document.all`，并确保在跨浏览器环境中使用`getElementById()`时，元素ID是唯一的。如果需要根据`name`属性查找元素，应使用`getElementsByName()`，而如果需要按标签名...
JS中关于document.all的详解
10-18
JS中关于document.all的详解
js document.all用法
bkhech的专栏
11-17 3196
document.all用法  一. document.all是页面内所有元素的一个集合。例如：       document.all(0)表示页面内第一个元素 二. document.all可以判断浏览器是否是IE   if(document.all) {       alert("is   IE!");   } 三. 也可以通过给某个元素设置id属性（id=aaa
JS document.all 的用法【了解】
单枪匹码
06-15 3274
1、doucument.all： all 集合返回对文档中所有HTML元素的引用。 all[]是一个多功能的类似数组的对象，它提供了对文档中所有HTML元素的访问，all[]数组源自IE 4并且已经被很多其他浏览器所采用。 all[]已经被Document接口的标准的getElementById()方法和getElementsByTagName()方法以及Document对象的- getElemenstByName()方法所取代，尽管如此，这个all[]数组在已有的代码中仍然使用。 all[]包含的元素保
js的document.all是个坑 ！
arsaycode
12-29 1644
昨天一个初学JavaScript的哥们问我一个问题，button元素onclick="all()"方法始终不能运行，下面贴出代码 add all function all() { console.log("I'm all function!"); } function add() { console.log("I'm add function"); } 点击al
JS的document 、document.all用法区别
weixin_43079157的博客
11-13 241
JavaScript中document 和document.all对象，可能对于JS新手来说，总是会用错，若知道错了固然很容易改正，问题一般出错的时候我们都不知道是自己用错的对象，而把排错的重点放在其它地方了。为了区别二者的用法，我们先来看一个示例，比较一下哪些时候该用document，哪些时候要用document.all。 1 <body> 2 <div id="aa">...
JavaScript代码document.all(i).tagName
weixin_33860737的博客
05-29 132
在ie内核的浏览器当中，下面的代码支持document.all(i).tagName.toLowerCase(); 但在火狐浏览器当中，不支持上面的代码，所以需要用下面的一行代码来代替上面的代码。document.getElementsByTagName("*")[i].tagName.toLowerCase(); 代码document.getElementsByTagName("")[i].ta...
javascript里的document.all用法
terryhuang的专栏
03-14 793
1、理解document.all[]　　从IE4开始IE的object model才增加了document.all[],来看看document.all[]的Description:Array of all HTML tags in the document.Collection of all elements contained by the object.　　也就是说document.all[]
document.all及其用法
iteye_8029的博客
10-29 195
all 集合返回对文档中所有 HTML 元素的引用。例如document.all(0)表示页面内第一个元素 document.all[i] document.all[name] document.all.tags[tagname] all[] 是一个多功能的类似数组的对象，它提供了对文档中所有 HTML 元素的访问。all[] 数组源自 IE 4 并且已经被很多其他的浏览器所采用。 ...
javascript中document.getElementById方法
最新发布
09-05
在JavaScript中，document.getElementById方法用于访问HTML页面中具有特定id的元素。例如，如果你有一个HTML页面中有一个id为"demo"的<p>元素，你可以使用document.getElementById("demo")来获取该元素。通过这个方法，你可以进一步操作该元素，例如修改其内容，样式等。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [JavaScript中document.getElementById解析](https://blog.csdn.net/Quest_sec/article/details/79771906)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值