`

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

阅读更多

       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的赋值操作反而会影响性能。

 

 

 

分享到:
评论

相关推荐

    平面三节点三角形单元有线源程序

    这种单元有三个节点,每个节点有两个自由度(通常为平面上的x和y方向位移),因此每个单元有六个独立的自由度。在结构分析中,三角形单元因其几何形状简单、易于构建和计算效率高等优点而被广泛应用。 【有限元方法...

    Java使用正则表达式提取XML节点内容的方法示例

    Java使用正则表达式提取XML节点内容的方法示例是一个非常有用的技术,可以帮助开发者快速提取XML节点内容。但是,为了更好地掌握这个技术,开发者需要具备一定的基础知识和经验,并且需要具备一定的实践经验。

    js节点操作

    从根节点开始,文档形成了一个树状结构,其中每个节点都可以有多个子节点。这些子节点可以是元素节点、文本节点、属性节点等。节点之间通过父节点、子节点和兄弟节点的关系相互关联。 #### 五、总结 DOM 提供了一...

    treeview递归方法 查询节点

    `GetMenuTree`方法接收三个参数: - `ds`:一个`DataSet`对象,包含了从数据库查询得到的数据。 - `Nds`:一个`TreeNodeCollection`对象,用于存储和添加新的`TreeNode`实例。 - `parentId`:当前处理的节点的父节点...

    IEEE三机九节点simulink模型.zip_IEEE3机9节点simulink模型_IEEE节点+simulink_IEEE

    这里的“三机”指的是三个同步发电机,它们代表了电力系统中的主要电源;而“九节点”则表示电网中的九个电气节点,每个节点都代表了一个或多个负荷或发电机的连接点。这种简化模型虽然规模较小,但它能有效地展示...

    JavaScript获取HTML DOM节点元素的方法的总结

    这个方法是最常用且最高效的获取特定DOM节点的方式。它通过元素的ID来定位,返回与指定ID匹配的第一个节点。由于ID在文档中通常是唯一的,因此此方法通常只返回一个节点。在使用诸如Prototype和Mootools这样的...

    读写xml所有节点个人小结和读取xml节点的数据总结

    本篇文章将详细解释如何使用C#来读取XML文件中的所有节点以及如何在特定节点下增加或删除元素。 #### 二、读取XML节点数据 **1. 加载XML文档** 要开始读取XML文件,首先需要加载文件到`XmlDocument`对象中: ```...

    一个基于C#实现的简单实现树节点搜索的程序例子

    在C#中,我们可以创建一个名为`BinaryTreeNode`的类,它包含三个属性:`Value`用于存储节点的值,`LeftChild`指向左子节点,`RightChild`指向右子节点。示例代码如下: ```csharp public class BinaryTreeNode { ...

    解析多节点XML文件

    通过`getElementsByTagName`等方法,我们可以获取到特定标签的元素集合,然后递归遍历子节点,获取所需数据。例如,动态加载菜单时,可能需要遍历`&lt;menu&gt;`、`&lt;submenu&gt;`等节点。 2. SAX解析: SAX解析器不存储整个...

    XML节点的操作

    - **查找节点**:可以通过`getElementsByTagName()`方法来查找具有特定标签名的节点集合,或者使用`getFirstChild()`、`getNextSibling()`等方法来遍历节点树。 #### 五、总结 本篇文章通过一个小示例介绍了如何...

    Desktop_并且包含稳态潮流计算_三机九节点_三机九节点暂态潮流计算_

    在三机九节点的模型中,有三个发电机和九个节点,这为我们提供了一个足够复杂但又易于理解的平台,以研究电力系统的运行特性。 接下来,我们转向"暂态潮流计算"。暂态潮流是指在电力系统发生扰动后,系统从一个稳态...

    二叉树遍历插入节点

    在计算机科学中,二叉树是一种特殊的图结构,其中每个节点最多有两个子节点,通常称为左子节点和右子节点。二叉树遍历和插入节点是二叉树操作中的基本概念,对于理解和实现数据结构至关重要。下面我们将详细讨论这两...

    UE4蓝图节点详细介绍

    三、变量节点 变量节点用于存储数据,如位置、速度、生命值等。你可以创建、读取、修改和删除变量。通过连接不同节点,变量可以与其他节点交互,实现数据传递。 四、函数节点 函数节点是预定义的一系列操作,可以是...

    C#中TreeView节点的自定义绘制方法

    在C#编程中,`TreeView`控件是一个常用的可视化组件,用于展示层次化的数据结构,如文件系统或数据库树状视图。有时,为了满足特定的界面设计需求,我们需要自定义`TreeView`节点的外观,比如改变节点的颜色、字体、...

    Tekla Structures自定义超级节点库大全.rar

    “说明.txt”文件通常会提供有关这些节点库的详细信息,如如何导入、使用节点,以及可能需要注意的问题。而“当游网_www.3h3.com.URL”可能是一个网址链接,指向更多关于Tekla Structures资源或教程的网站。 总的来...

    redis单机三节点等部署

    本文将详细阐述如何在单台机器上部署三个Redis节点,形成一个简单的集群,以便于理解Redis集群的基本原理和操作流程。 首先,我们需要理解Redis集群的基本概念。Redis集群采用分片(Sharding)策略,数据分散到多个...

    三机九节点暂态研究.zip

    这个系统由三个发电机和九个节点组成,可以有效地反映出大型电网的关键特性,同时降低计算复杂性,便于研究。 本项目主要关注的是在风电并网系统中,当无风力发电和27MW的风力发电接入系统后,如何应对在bus7-8之间...

    自己收集的Dynamo节点包packages.zip

    标题中的“Dynamo节点包packages.zip”指的是一个包含Dynamo软件使用的节点包的压缩文件。Dynamo是一款流行的图形化编程工具,主要用于建筑信息模型(BIM)软件Revit中的自动化和参数化设计。节点包是Dynamo生态系统...

    asp.net 对config文件节点值的获得与修改

    #### 三、修改配置文件节点值 除了读取配置文件中的值,有时候还需要根据应用的需求修改其中的值。以下是如何实现这一功能的代码示例。 ##### 代码示例: ```csharp public static void SetValue(string AppKey, ...

    dynamo节点包.rar

    4. 第三方插件节点包:如"GrasshopperImporter",允许导入Grasshopper(Rhino的参数化设计工具)的文件。 四、自定义节点包 除了已有的节点包,用户还可以根据自身需求创建自定义节点包。通过编写C#或Python脚本,...

Global site tag (gtag.js) - Google Analytics