javascript基础：DOM的collection对象

最新推荐文章于 2023-02-14 21:47:31 发布
最新推荐文章于 2023-02-14 21:47:31 发布
阅读量85 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/momogua/p/8304339.html
版权

代码：

 

<!DOCTYPE HTML>
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META charset="gb2312">

  <script>
	//IE支持，chrome只支持tagName属性
	function showElements()
	{
		var s ="";
		for(i=0;i < document.all.length; i++)
		{
			o = document.all(i);
			s += o.tagName+":" + o.sourceIndex+"\n";
		}
		alert(s);
	}
	
	//IE支持，chrome不支持
	function showBodyElements()
	{
		var s="";
		for(i=0;i < myBody.all.length ; i++)
			s += myBody.all(i).tagName+":"+ myBody.all(i).sourceIndex + "\n"; 
		alert(s);
	}
	
	/*
	IE-Chrome都支持:
		document.all(i)或者document.all[i]
		document.all("myH") 或者document.all["myH"] 或者 document.all.item("myH")
	*/
	function showItems()
	{
		var s="";
		var o;
		for(i=0;i<document.all["myButton"].length;i++)
		{
			o = document.all("myButton").item(i);
			s += o.tagName+"\n";
		}
		alert(s);
	}

	function showChild()
	{
		var s ="";
		for(i=0;i<myBody.children.length;i++)
		{
			o = myBody.children.item(i);
			s += o.tagName + "\n";
		}
		alert(s);
	}

	function checkChild()
	{
		var o = document.all("myBody").children.item(1); //取第1个元素，看看是否包含这个子元素。

		if(document.all("myBody").contains(o))
			alert("myBody有子标签："+ o.tagName);
		else
			alert("myBody没有子标签："+ o.tagName);			
	}
  </script>
 </HEAD>

 <BODY id="myBody">
	<h1 id="myH">获取document的元素</h1>
	<hr>

	<input id="myButton" type="button" value="document中的元素(IE-Chrome)" οnclick="showElements()">
	<hr>

	<input id="myButton" type="button" value="获取id=myBody元素的标签名-1(IE-Chrome)" οnclick="alert(document.all('myBody').tagName)">
	<input id="myButton" type="button" value="获取id=myBody元素的标签名-2(IE-Chrome)" οnclick="alert(document.all.item('myBody').tagName)">
	<hr>

	<input id="myButton" type="button" value="获取id=myH的标签名(IE-Chrome)" οnclick="alert(myH.tagName)">
	<input id="myButton" type="button" value="显示所有id=myButton的标签名(IE-Chrome)" οnclick="showItems()"><br>
	<hr>

	<input id="myButton" type="button" value="显示id=myH的父标签(IE-Chrome)" οnclick="alert(myH.parentElement.tagName)">
	<input id="myButton" type="button" value="显示id=myBody的子标签(IE-Chrome)" οnclick="showChild()">
	<input id="myButton" type="button" value="检查myBody是否有子元素(IE-Chrome)" οnclick="checkChild()">
	<hr>

	<input id="myButton" type="button" value="body标签的包含的所有标签(IE)" οnclick="showBodyElements()">
	<input id="myButton" type="button" value="显示input标签的个数(IE)" οnclick="alert(document.all.tags('INPUT').length)">
 </BODY>
</HTML>

 

转载于:https://www.cnblogs.com/momogua/p/8304339.html

weixin_30316097
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript算法总结之-01数组（collection）上
zzx_forever的博客
06-08 609
1.定义： 数组的标准定义是：一个存储元素的线性集合，元素可以通过索引来任意存取，索引通常是数字。用来计算元素之间存储位置的pianyili
JS Collection--javascript 集合类( 在使用Comet来进行数据交互时根据网上的资源写了几个集合类。自我感觉还比较好用，呵呵！ )
Cavenaghi 的专栏
07-19 1562
//====================================================================//class Hashtable:散列Hashtable = function (){ this.hash = new Array(); Hashtable.prototype.Clear = function()
JavaScript Collection
weixin_30652897的博客
07-10 277
javascript 里 这个for 的用法很经典啊 for(var m=n.firstchild; m!=null;m=m.nextSibling) for(初始条件,跳出条件,改变条件) //如果usrname 是null,undefined,0,""或NaN,它将被转换为false if(!username) then..... 函数其实是一个对象.. argument...
JavaScript DOM 集合(Collection)
松柏手记
04-03 654
向文档中添加和移除元素(节点)
JavaScript HTML DOM 集合(Collection)
最新发布
笔记
02-14 1186
HTML DOM 集合 (Collection) 是一组 HTML 元素，这些元素可以通过 JavaScript 代码进行访问和操作。HTML DOM 集合通常由一个或多个 HTML 元素组成，并提供了访问和操作这些元素的方法。HTML DOM 集合在 JavaScript 中非常常见，因为它们可以帮助我们轻松地访问和操作网页中的多个元素。HTMLCollection: 该类型的集合包含了一组 HTML 元素，并且这些元素都是有序的。
dom-collection:DOM元素子节点的基于索引的集合操作方法
06-05
dom-collection DOM 元素子节点的基于索引的集合操作方法。 应用程序接口 insertAt（元素，索引，父） 在特定索引处插入 DOM 元素。 moveAt（元素，索引，父） 将 DOM 元素移动到特定索引。 replaceAt（元素，...
JS-Collection:JavaScript 工具包
06-03
JavaScript工具包，通常被称为JS-Collection，是一种集合了多种实用函数和方法的代码库，旨在简化JavaScript开发过程，提高开发效率。这个工具包是JavaScript开发者的重要资源，它包含了一系列预定义的功能，可以...
ElementsCollector:返回 DOM 元素的 Javascript 选择引擎
06-23
元素收集器 返回 DOM 元素的 Javascript 选择引擎。 按标签名称、id、类或这些的组合查找元素。 如何使用 克隆 repo 并在 chrome 中打开 test.html。 可以在控制台中找到通过测试的详细信息。
js-collection:Javascript 资料和教师的集合
07-05
在"js-collection:Javascript 资料和教师的集合"这个项目中，我们看到一个综合资源库，它包含了关于JavaScript的各类学习资料、教程以及可能的教学资源。"js-collection-master"很可能是一个GitHub仓库的主分支名，...
Collection:简约JavaScript库，用于处理数据收集
05-17
收藏 集合-用于处理数据集合的简约JavaScript库。 特征 多种数据类型的通用接口：数组，类型数组，表，Map，Set，生成器和@@ iterator协议； 丰富的迭代器集； 内置的请求自我JIT编译提供了很高的执行速度，这与JavaScript的本机循环相当； 支持基于生成器的轻量级线程； 在浏览器以及服务器（ ）上； 该引擎是用纯JavaScript编写的，没有任何依赖性。 该源代码旨在在高级模式下与Google Closure编译器一起使用； 模块化体系结构允许您构建库； 良好的代码覆盖率； 带有示例的详细。 用法 // Iterate over the elements in reverse order starting with the 5th $C ( document . querySelectorAll ( '.foo' ) ) . forEac
collection-js:针对Java量身定制的收集框架
05-17
不推荐使用 这个库犯了混合可变和不可变的api的错误。 我将其保持在线状态，因为其中一些代码很有趣并且值得在对象/数组utils中使用（例如 ） 如果您需要以不变的方式使用普通的对象和数组，请检查 ； 如果您想要更慢但更丰富的不可变集合，请检查 集合js 提供少量的通用集合，其中包含针对Javascript量身定制的实现。 一些灵感来自及其丰富的对象/功能混合方法，该方法非常适合JS。 它应该与任何JS引擎，甚至IE6都兼容（尽管到目前为止还没有针对它进行过测试） 缩小collection-js的权重16KB，仅专注于集合。 内容 代码示例 JS var List = Collection . List ; var Set = Collection . Set ; var ArrayMap = Collection . ArrayMap ; var Seq = Collectio
The Modern JavaScript Collection 2018最新JS汇总
10-25
The Modern JavaScript Collection with Alex Walker JS的现代技术汇总，含2本书。涉及es6以及es2016,es2017,es2018。 Book 1: Practical ES6 Book 2: Best Practice
collection-1.2.1
09-15
js模仿JAVA 集合工具类的基本操作,里面包装有Map List/* * size() 获取MAP元素个数 * isEmpty() 判断MAP是否为空 * clear() 删除MAP所有元素 * put(key, value) 向MAP中增加元素（key, value) * remove(key) 删除指定KEY的元素，成功返回True，失败返回False * get(key) 获取指定KEY的元素值VALUE，失败返回NULL * element(index) 获取指定索引的元素（使用element.key，element.value获取KEY和VALUE），失败返回NULL * containsKey(key) 判断MAP中是否含有指定KEY的元素 * containsValue(value) 判断MAP中是否含有指定VALUE的元素 * values() 获取MAP中所有VALUE的数组（ARRAY） * keys() 获取MAP中所有KEY的数组（ARRAY） * 例子： * var map = new Map(); * map.put("key", "value"); * var val = map.get("key") * ……
js collection
weixin_30686845的博客
01-04 128
（一）判断本周是本月的第几周（周日是一周的第一天） 　　ceil((几号 - 7 + 本月第一天周几) / 7) （二）myDate.getTime() ==>将一个时间转换成时间戳。 时间的方法中get***()方法和getUTC***()方法的取值有时差。getUTC***()方法可根据世界时返回(UTC)值。（三）在获取后台数据展现在页面上时，循环的时候将特定的变量定义出来。（...
Js Collection
- postman - 狂人web日记
04-27 3538
请问如何去掉主页右面的滚动条？********************************怎样不使用页面的缓存？即每一次打开页面时不是调用缓存中的东西********************************请问如何忽视右键?********************************怎样在同一页面内控制不同链接的CSS属性?a:active{}a:link{}a:visited{}
JavaScriptDOM基础
zerobaek的博客
10-15 341
JavaScriptDOM基础 应用程序的编程接口   如何获取一个元素 如何访问一个元素样式 如何设置和删除属性   Part 1： 1.掌握基本的DOM查找方法 document.getElementById() document.getElementByTagName() 2. 掌握如何设置DOM元素的样式   document.getElementById()
JavaScript学习之ES6 ES2015学记笔记（九）-集合（collection）
Three_ST的博客
08-03 445
为什么要集合 JS中类集合的东西 对象（Object），纯粹的对象不可遍历。不能使用 for-of Set 一个Set是一群值的集合，它是可变的，能够增删，但是与数组不同的是Set不包含相同元素 var settest = new Set("1,2,3,4,5"); console.log(settest.size); //6 settest.add("1"); console.log...
BackboneJs入门学习[06]—Collection初探
前端进阶之路 | 中大厂、外企、国企内推 | 面试培训 | 简历修改
09-13 886
前端修罗场提供全网最专业的前端优质文章与社区服务，为应届生，初中级前端工程师提供全面、优质的面试服务、技能提升、职场解惑服务！内容包含：前端面试辅导，前端面试题，前端交流，前端答疑，前端基础知识，Javascript，CSS，React，Vue，小程序，前端简历，职业交流...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值