`

搜索页面文档特定节点的三个方法

阅读更多

       Document接口提供了如下三个方法:

   getElementById():根据id值返回某个标记对应的DOM节点,不存在返回null。
   getElementsByTagName():返回页面所有相同名称的标记对应的DOM对象,返回值为一个集合,不存在返回一个length为0的空集。
   getElementsByName():返回具有相同name属性值的标记对应的节点。

 

	<div>1</div>
	<div>2</div>
	<div>3</div>
 <script type="text/javascript">
	var d =document.getElementsByTagName("div");
	alert(d.length);  //3
	document.body.removeChild(d[2]);
	var d1 =document.getElementsByTagName("div");
	alert(d.length);   //2
	alert(d1.length);  //2 
	//d和d2都指向同一组DOM元素的集合
 </script>

     Element接口也定义了getElementByTagName()方法,不过仅在当前节点包含的子节点中搜索,而不是在整个页面文档中搜索。

<script type="text/javascript">
	var d =document.getElementsByTagName("div");
	alert(d.length);  //0
</script>
<body>
	<div>1</div>
	<div>2</div>
	<div>3</div>
 </body>

 
 

      要注意:页面上频繁使用getElementById()和getElementByTagName()事实上并不会降低页面效率,因为大多数浏览器都针对DOM进行了查询优化,预先准备了id和TagName的索引。不过这样一来,appendChild、removeChild和insertBefore以及对id的赋值操作反而会影响性能。

 

 

 

分享到:
评论

相关推荐

    HttpClient以及获取页面内容应用

    压缩包中含有多个文档,从了解httpclient到应用。 httpClient 1httpClint 1.1简介 HttpClient是Apache Jakarta Common下的子项目,用来提供高效的、最新的、功能丰富的支持HTTP协议的客户端编程工具包,并且它支持...

    jQuery EasyUI 1.4 离线简体中文API文档 含完整开发工具包+皮肤+扩展+演示

    本次更新内容诸多 除了常规维护外 还新增了3个新组件 都很实用 详细的可以阅读更新说明 里面给了详细的解读 另外 从该版本开始我将会逐步的将EasyUI官方以及第三方较好的插件API整合到API文档当中 并且会对这些插件...

    寻求有效的XML关键字搜索

    文本数据库和XML数据库之间的差异带来了三个新的挑战:1)识别用户的搜索意图,即,识别用户要搜索和搜索的XML节点类型。 2)解决关键字歧义性问题:关键字可以同时作为某个节点的标签名称和文本值出现; 关键字...

    dcache:dCache-一种用于在单个虚拟文件系统树下使用多种标准访问方法在大量异构服务器节点之间分布和存储大量数据的系统

    dCache是一个系统,用于使用多种标准访问方法在单个虚拟文件系统树下存储和检索分布在大量异构服务器节点之间的大量数据。 取决于持久性模型,dCache提供了与后端(第三级)存储系统交换数据以及空间管理,池吸引,...

    卡巴斯基开放空间管理工具8.0部署文档

    卡巴斯基管理工具由以下三个主要部分组成: 1、管理服务器执行信息的集中化存储功能,这些信息包括:企业网络中所有已安装的卡巴斯基实验室产品信息,和这些程序的管理信息。 2、网络代理用来协调管理服务器和特定...

    DWR.xml配置文件说明书(含源码)

    因为指定属性转换只有针对bean才有效(基本类型的转换没有必要指定属性),这个功能只能应用与特定的converter即BeanConverter和从次类派生的所有类.相关配置语法如下 , property2"/&gt; 这样就可以限定DWR不能调用Fred...

    JavaScript王者归来part.1 总数2

     12.5.3 如何搜索特定节点   12.5.4 克隆节点--一个使用cloneNode()复制表格的例子   12.5.5 移动节点及其范例   12.5.6 关于添加新行和排序的小技巧   12.6 读写数据--添加、修改和删除属性   12.7 外观...

    yubigen:节点缩略图生成无限制

    第三个参数传递给回调,该回调以指定的方式处理结果缓冲区。 YUBIGEN还具有一种预测输入格式的方法,以及一种输出到指定文件并上传到AWS S3 Bucket的功能。 特定于格式的功能也已可用。 方法 yubigen.fromUrl(url,...

    AxureRP-Pro-5.6安装文件+破解+汉化+模板+官方教程

    网站构架图(Site Structure) AxureRP可以快速绘制树状的网站构架图,而且可以让构架图中的每一个页面节点,直接连接到对应网页。Axure RP软件画面  二.示意图(Wireframe) Axure RP内建了许多会经常使用到的widget...

    08CMS空白站群系统 v3.3 繁体 UTF-8.rar

    2、将用户分为:普通会员层、内容维护层、架构层等三个层面,针对性地优化各种操作体验与管理流程。 3、在管理后台及会员中心提供灵活强大的管理方案与流程的定制方法: 灵活的内容管理节点:通过多重属性来形成...

    aisearch:人工智能算法动画软件

    例如,显示了一个表,其中定义了具有三个链接节点的图: 描述 图形文件 总节点 3 节点名称 至 PositionX,PositionY 100、40 值节点 10 IsObjective {选择是或否} 不是 后继人数 二 继任者名称,ArcCost B,...

    08CMS空白站群系统 v3.3 简体 UTF-8.rar

    2、将用户分为:普通会员层、内容维护层、架构层等三个层面,针对性地优化各种操作体验与管理流程。 3、在管理后台及会员中心提供灵活强大的管理方案与流程的定制方法: 灵活的内容管理节点:通过多重属性来形成...

    08CMS空白站群系统 v3.3 简体 GBK.rar

    2、将用户分为:普通会员层、内容维护层、架构层等三个层面,针对性地优化各种操作体验与管理流程。 3、在管理后台及会员中心提供灵活强大的管理方案与流程的定制方法: 灵活的内容管理节点:通过多重属性来形成...

    08CMS空白站群系统 v3.3 繁体 BIG5.rar

    2、将用户分为:普通会员层、内容维护层、架构层等三个层面,针对性地优化各种操作体验与管理流程。 3、在管理后台及会员中心提供灵活强大的管理方案与流程的定制方法: 灵活的内容管理节点:通过多重属性来形成...

    EXTJS总结.txt

    第二个参数是插入HTML片断,第三个参数是决定是否返回一个Ext.Element类型的DOM对象。 Ext.fly('elId').insertHtml( 'beforeBegin', '&lt;p&gt;&lt;a href="anotherpage.html'&gt;点击我&lt;/a&gt;&lt;/p&gt;' ); // 返回dom节点 Ext....

    入门学习Linux常用必会60个命令实例详解doc/txt

    在使用mount这个指令时,至少要先知道下列三种信息:要加载对象的文件系统类型、要加载对象的设备名称及要将设备加载到哪个目录下。 (1)Linux可以识别的文件系统 ◆ Windows 95/98常用的FAT 32文件系统:vfat ;...

    jquery插件使用方法大全

    第一个参数是异步请求的url,第二个为参数,第三个回调方法。 (4)的方法会在指定的Dom对象上绑定响应ajax执行的事件。 (5)同步加载数据。发送请求时锁住浏览器。需要锁定用户交互操作时使用同步方式。 var ...

    jQuery详细教程

    如果您的网站包含许多页面,并且您希望您的 jQuery 函数易于维护,那么请把您的 jQuery 函数放到独立的 .js 文件中。 当我们在教程中演示 jQuery 时,会将函数直接添加到 &lt;head&gt; 部分中。不过,把它们放到一个单独的...

    XMl实用大全(资料全易学习)

    3.1.1 创建一个简单的XML文档 34 3.1.2 保存XML文件 35 3.1.3 将XML文件装入Web浏览器 35 .2 考察简单的XML文档 37 3.3 赋于XML标记以意义 39 .4 为XML文档编写样式单 40 .5 将样式单附加到XML文档上 41 3.6 本章小...

Global site tag (gtag.js) - Google Analytics