javascript nextSibling 与 getNextElement(node) 使用介绍
1. nextSibing:下一个节点,节点类型可以是任何一种,其中就有文本节点。
function getNextElement(node){
if(node.nodeType == 1){
return node;
}
if(node.nextSibling){
return getNextElement(node.nextSibling);
}
return null;
}
相关推荐
-
javascript中的nextSibling使用陷(da)阱(keng)
今天写js的时候遇到了一个陷(da)阱(keng) 关于HTML/XML节点的问题 据说在IE中nextSibling不会返回文本节点,而chrome或者firefox等会返回文本节点-- 这个我的工作带来了很严重的问题 在网上搜到了很多处理方法,都是给js添加各种封装的函数-- 后来我发现有个nextElementSibling方法-- 这个不会返回文本节点,不管是什么浏览器-- 真是大坑 同样,对于fistChild有对应的firstElementChild.其他的选择节点的函数应该也有对应
-
nextSibling
家庭保姆 家庭保姆 家庭保姆 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
js nextSibling属性和previousSibling属性概述及使用注意
1:nextSibling属性 该属性表示当前节点的下一个节点(其后的节点与当前节点同属一个级别):如果其后没有与其同级的节点,则返回null. 需要特别注意的是:该属性在不同的浏览器中的执行结果并不都相同,见下面例示: 先来看一个例子: 复制代码 代码如下: <body> <div> <input id="a4" type="button" onclick="alert(this.nextSibling);" va
-
javascript中的previousSibling和nextSibling的正确用法
我做的时间的验证,格式是不需要验证的,只需要验证起始日期与结束日期的大小,但是因为输入页面是批量的,而且每一行又是自动生成的,这样就不能用id来作为参数,只能用节点.这就给验证增加了难度. 以下是jsp页面的部分: <td><input id="warrantyStartDateStr" name="warrantyStartDateStr" class="toolbar_button_input_80" type="
-
只能是字母或数字或者是字母和数字的组合的正则previousSibling
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
-
javascript nextSibling 与 getNextElement(node) 使用介绍
1. nextSibing:下一个节点,节点类型可以是任何一种,其中就有文本节点. 2.得到下一个元素节点: 复制代码 代码如下: function getNextElement(node){ if(node.nodeType == 1){ return node; } if(node.nextSibling){ return getNextElement(node.nextSibling); } return null; }
-
JavaScript自定义Webpack配置实现流程介绍
目录 1 初始化并创建要被打包的文件 2 命令行配置 3 配置文件配置 1 初始化并创建要被打包的文件 首先创建文件夹webpack-demo(随便起一个),用来演示打包过程.在该文件夹下终端运行命令,对项目进行初始化操作,对包进行管理: npm init # 输入命令后一直敲回车即可 npm init -y # -y是yes的意思,在初始化时省去敲回车的步骤 命令成功运行之后,该文件夹下出现了package.json文件,文件内容具体如下: { "name": "webpa
-
javascript创建对象的几种模式介绍
在js中有几种模式可以创建对象,通过对象操作所包含的属性与方法. 一般来说,构造函数名称的第一个字母为大写字母,非构造函数名称的第一个字母为小写字母,当然,构造函数与一般函数唯一的区别只是调用的方式不同而已,所以任何函数只要通过new来调用,那它就可以作为构造函数,若不通过new来调用,则与一般函数一样. 谈谈我对这几种模式的理解: 工厂模式:创建一个一般函数,在函数里创建一个Object对象,为这个对象增添属性与方法,同时赋予其值,最后返回对象.无法识别对象类型. 构造函数模式:创建构造函数,
-
JavaScript中setter和getter方法介绍
javascript中的setter.getter是平时接触比较少的方法,其本身也并不是标准方法,只在非ie浏览器里支持(ie内核也许有其他方法可以做到呢?暂时不知其解),但是加以利用可以做许多事情,比如: 1.对数据的访问限制: a.value是对value变量的getter方法调用,如果在getter方法实现中抛出异常,可以阻止对value变量的访问 2.对dom变量进行监听: window.name是一个跨域非常好用的dom属性(大名鼎鼎,详见百度),如果覆盖window.name的set
-
javascript的几种继承方法介绍
1.原型链继承:构造函数.原型和实例的关系:每个构造函数都有一个原型对象,原型对象都包含一个指向构造函数的指针,而实例都包含一个指向原型对象的内部指针.确认原型和实例之间的关系用instanceof. 原型链继承缺点:字面量重写原型会中断关系,使用引用类型的原型,并且子类型还无法给超类型传递参数 function Parent(){ this.name='mike'; } function Child(){ this.age=12; } //儿子继承父亲(原型链) Child.prototype
-
基于JavaScript中标识符的命名规则介绍
JavaScript中的标识符的命名有以下规则: 由字母.数字.$._组成 以字母.$._开头 不可以使用保留字!!! 要有意义!!!!!!! 标识符的命名规范: 1.驼峰命名法 除标识符的第一个单词外,其余单词的首字母大写,例如:trueName 2.蛇型命名法 单词之间用_隔开,例如:true_name (注:大多数情况下,以1~2个下划线开始的标识符,代表特殊变量或内部变量,我们在自己定义的时候,尽量避免使用以下划线开头的变量) (粗浅的见解,望批评指正) 以上这篇基于JavaScript
-
javascript Number 与 Math对象的介绍
目录 一.javascript 中 Number 二.Javascript中Math对象 一.javascript 中 Number javascript 中,数值类型属于原始类型. 除了我们所知道的以十进制表示的普通数值外,还可以用 0x 表示 十六进制整数, 0b表示二进制整数, 0O表示八进制整数 0xa //对应十进制 10 0b101 //对应十进制 5 0o22 //对应十进制 18 在javascript,0可以当作除数,返回值是无穷大.这点和其它语言有很大的区别.例如python
-
JavaScript中document.activeELement焦点元素介绍
目录 1.默认焦点在body 2.文本框手动获取焦点 3.通过focus获取焦点 4.tab切换焦点 5.document.hasFocus()判断是否获取焦点 前言: 有时需要获取页面焦点在哪个元素上,通过焦点可以判断用户是否在操作页面等信息.以前不太方便,要自己记录,html5增加了document.activeElement属性可以获取到当前激活的焦点. 1.默认焦点在body 页面加载后,document.activeElement是在body上: console.log(documen
-
JavaScript中的useRef 和 useState介绍
目录 1.useState hook 2.useRef hook 3.useRef 与 useState 4.何时使用 Refs 和 States 1.useState hook useState 是一个内置的 React hook,它允许您将信息作为状态存储在变量中.它允许您将 React 状态添加到功能组件.在下面的示例中,useState()声明状态变量,而值存储在计数变量中.setCount是用于更新此值的函数. //从 react 导入 useState import React, {
-
JavaScript严格模式use strict的介绍
目录 1.概述 1.1严格模式是什么 1.2严格模式的目的 2.开启严格模式 2.1全局开启严格模式 2.2局部开启严格模式 3.严格模式中的变量 3.1禁止意外创建变量 3.2静默失败转为异常 3.3禁用delete关键字 3.4对变量名的限制 4.严格模式中的对象 4.1不可删除的属性 4.2只读属性的赋值 4.3不可扩展的对象 5.严格模式中的函数 5.1参数名必须唯一 5.2arguments的不同 5.3arguments.callee属性 5.4函数声明的限制 6.增加eval()作
随机推荐
- Javascript实现可旋转的圆圈实例代码
- Objective-C中的重载和重写详解
- IE浏览器下PNG相关功能
- Javascript闭包演示代码小结
- gd库图片下载类实现下载网页所有图片的php代码
- php写的简易聊天室代码
- php ignore_user_abort与register_shutdown_function 使用方法
- Python中的复制操作及copy模块中的浅拷贝与深拷贝方法
- 浅谈js数组和splice的用法
- 判断对象是否Window的实现代码
- jQuery插件实现带圆点的焦点图片轮播切换
- Win7下如何搭建IIS 7.0服务
- 四种php中webservice实现的简单架构方法及实例
- PHP中怎样防止SQL注入分析
- SOHO的无线组网2
- Java中判断对象是否为空的方法的详解
- Python中函数参数匹配模型详解
- 了解Javascript中函数作为对象的魅力
- javascript网页随机点名实现过程解析
- PHP中类静态调用和范围解析操作符的区别解析