Document.all[]的用法

最新推荐文章于 2023-08-30 20:12:10 发布

麦田

最新推荐文章于 2023-08-30 20:12:10 发布

阅读量1.9k

点赞数

分类专栏： JS 文章标签： input html 文档 action 浏览器

本文链接：https://blog.csdn.net/itmyhome1990/article/details/7042401

版权

JS 专栏收录该内容

49 篇文章 0 订阅

订阅专栏

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

自己写的一个简单例子供参考：

Document.All.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>Document.All.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  </head>
  
  <body>
	    <p id="test1">test1</p>
	    <p id="test2">test2</p>
	    <p id="test3">test3</p>
	    <p id="test4">test4</p>
	    <form action="">
	         <input name="mytext" value="input"><br>
	    </form>
  </body>
  <script type="text/javascript">
    var origLength = document.all.length; //取得document.all 所有标签的数量  
    alert(origLength);
    for (i = 0; i < origLength; i++) { 
  　　	document.write("document.all["+i+"]="+document.all[i].tagName+"<br>"); 
  　　} 
    document.all[8].style.backgroundColor='red';               //通过 index顺序 
    document.all["test2"].style.backgroundColor='yellow';      //通过ID 属性  
    document.all["mytext"].style.backgroundColor='blue';       //通过name属性 
    document.all.tags("p")[2].style.backgroundColor='gray';    //通过标签  返回一个数组 
    document.all["input"].value='test';
</script>
</html>

浏览器输出结果如下：

麦田

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Document.all[]的用法

Document.all[]是文档中所有标签组成的一个数组变量包括了文档对象中所有元素自己写的一个简单例子供参考：Document.All.html Document.All.html test1 test2 test3 test4
复制链接

扫一扫