js查找节点的方法小结_javascript技巧

本文实例总结了js查找节点的方法。分享给大家供大家参考。具体分析如下:

这里介绍查找节点的三种方法:

1. 根据id查找,返回值为对象:

复制代码 代码如下:

document.getElementById();

2. 根据div/p/....等html标签查找,返回数组(实际也是对象)
复制代码 代码如下:

document.getElementsByTagName();

3. 在表单中使用,根据表单name来查找
复制代码 代码如下:

document.getElementsByName();

特别说明:目前,部分浏览器已经将getElementsByName扩展到其它元素节点,即div/p...等标签如果有name属性,同样也可以用;但IE浏览器只能应用在表单中。所以,为保持兼容性,使用时应只在表单中使用。

希望本文所述对大家的javascript程序设计有所帮助。

时间: 2024-10-01 09:19:02

js查找节点的方法小结_javascript技巧的相关文章

原生JS查找元素的方法(推荐)_javascript技巧

今天写了一个很简单.很粗暴的通过JS根据类来查找DOM元素. 为了降低它的粗暴等级(耗费性能)我给了三个等级. 首先性能最好的,适合FF,CH,IE8,通过querySelectorAll这个API. 其次是指定ID 最后只能全页面进行匹配class,不过比较节省的性能的是,在指定class名称的时候,同时传入HTML标签的类型,用于节省遍历的范围! 因为水平有限,目前也只能写成这种,真的好好奇JQ的选择器是怎么去匹配DOM的,如果有大神看到这篇文章,请不要吝啬施教... 下面贴代码: func

JS验证邮件地址格式方法小结_javascript技巧

本文实例讲述了JS验证邮件地址格式方法.分享给大家供大家参考,具体如下: 示例1: 复制代码 代码如下: <asp:TextBox ID="txt_Email" runat="server" onblur="checkRate(this.id)"></asp:TextBox> function checkRate(input) { var re = /^[_".0-9a-z-]+@([0-9a-z][0-9a-z

javascript获取网页中指定节点的父节点、子节点的方法小结_javascript技巧

我们在实际的开发当中经常要获取页面中某个html元素,动态的更新该元素的样式.内容属性等. 那么如何获取要更新的这些元素呢?用JavaScript获取这些节点的方法有很多种,下面是总结的一些方法. 1. 通过document节点获取: (1) document.getElementById(elementId):该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法.如果页面上含有多个相同id的节点,那么只返回第一个节点. 如 今,已经出现了如prototype.Mootools等多

js 取消超链接的方法小结_javascript技巧

单个链接取消链接并触发js事件 复制代码 代码如下: <a href="javascript:void(0);" onclick="alert('ok')">测试</a> 批量将网页中的链接取消或重新设置链接的代码: 百度    服务器软件    素材下载 站长查询    脚本下载 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 如果想让指定id的链接字取消或恢复链接可以参考下面的代码 复制代码 代码如下: var e=docum

Js 获取HTML DOM节点元素的方法小结_javascript技巧

如何获取要更新的元素,是首先要解决的问题.令人欣慰的是,使用JavaScript获取节点的方法有很多种,这里简单做一下总结(以下方法在IE7和Firefox2.0.0.11测试通过)1. 通过顶层document节点获取:          (1) document.getElementById(elementId) :该方法通过节点的ID,可以准确获得需要的元素,是比较简单快捷的方法.如果页面上含有多个相同id的节点,那么只返回第一个节点.             如今,已经出现了如proto

javascript读取文本节点方法小结_javascript技巧

获取元素节点的子节点 1,获取id的所有子节点 var cityNode=document.getElemnetById("") 2,利用元素节点的childNodes 方法可以获得指定元素节点的所有子节点 alert(cityNode.childNodes.length) 注:基本不用 3.获取 id  节点的所有 li  节点 var cityLiNodes=cityNode.GetElementsByTagName("li"); alert(cityNode.

js实现页面跳转的几种方法小结_javascript技巧

按钮式: <INPUT name="pclog" type="button" value="GO" onClick="location.href='http://www.jb51.net/'"> 链接式: <a href="javascript:history.go(-1)">返回上一步</a> <a href="<%=Request.ServerV

js中将多个语句写成一个语句的两种方法小结_javascript技巧

Javascript 中将多个语句写成一个语句的两种方法小结一.使用逗号运算符将多个语句写成一个语句  1.一次声明多个变量  var i=1,j=1,k=1  2.多个语句用逗号间隔  i=1,j=i+2,k=j+2  二.使用花括号将多个语句写成一个语句  if语句.while语句.do/while语句.for语句.for/in语句和function语句等语句后都只能跟随一个子语句,此时可以用{和}将多条语句围起来变成一个语句.  复制代码 代码如下: if(username==null) 

JS弹性运动实现方法分析_javascript技巧

本文实例分析了JS弹性运动实现方法.分享给大家供大家参考,具体如下: 描述:像弹簧一样左右弹动,最后缓慢停下来 一.加减速运动 1.加速运动 var iSpeed=0; iSpeed++; 速度越来越快,最后冲出去 2.减速运动 var iSpeed=20; iSpeed--; 速度越来越慢,降到0后开始变负值往反方向运动 二.弹性运动 1.在目标点左边,加速:目标点右边,减速,如 if(div1.offsetLeft<300){ iSpeed=iSpeed+1; //等同iSpeed++; }