javascript 纠正previousSibling和nextSibling在IE和firefox之间的差异

最新推荐文章于 2019-01-16 10:49:38 发布
最新推荐文章于 2019-01-16 10:49:38 发布
阅读量690 收藏
点赞数
分类专栏： 技术 文章标签： javascript firefox ie button function null
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/czl_danny/article/details/7495580
版权

<BODY>
<div>aaaa</div>
<div>bbbb</div>

<div id="c">cccc</div>

<div>dddd</div>
<input type="button" value="获取上一节点" id="PRe">
<input type="button" value="获取下一节点" id="next">
<SCRipT LANGUAGE="javaScript">
<!--
   document.getElementById("pre").οnclick=function(){
    var node=document.getElementById("c").previousSibling;
    while(node.nodeType!=1){
     node=node.previousSibling;
     if(!node) return null;
    };
    alert(node.innerHTML);
    return node;
   }

   document.getElementById("next").οnclick=function(){
    var node=document.getElementById("c").nextSibling;
    while(node.nodeType!=1){
     node=node.nextSibling;
     if(!node) return null;
    };
    alert(node.innerHTML);
    return node;
   }
//-->
</SCRIPT>
</BODY>

主要是FF种会识别回车行换当作一个#TEXT节点 而IE不会!!

czl_danny
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
javascript中的previousSibling和nextSibling的正确用法
10-23
主要介绍了javascript中的previousSibling和nextSibling的正确用法的相关资料,需要的朋友可以参考下
JS获取节点的兄弟，父级，子级元素
热门推荐
hellogull
05-14 59万+
先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比。 JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素 原生的JS获取ID为test的元素下的子元素。可以用： var a = docuemnt.getElementById("test").getElementsByTagName("div
JS 获取子父兄弟节点的多种方式及jQuery拓展
梦和远方的博客
01-16 347
JS获取子节点和父节点以及兄弟节点的多种方式，为了方便使用以及记忆查找，重新整理了一下. js获取子节点的方式 通过获取dom方式直接获取子节点： var a = document.getElementById("test").getElementsByTagName("div"); 其中test的父标签id的值，div为标签的名字。getElementsByTagName是一个方法。返回的...
Javascript 不同浏览器差异和兼容方法
惠子的博客
04-06 365
Javascript 不同浏览器差异和兼容方法 浏览器兼容性是由多个不同浏览器同时存在导致的（浏览器内核、版本不同），这些浏览器在处理一个相同的页面时，表现有时会有差异，作为一个前端开发，处理兼容问题就成了我们必不可少的任务之一，下面将介绍一些处理JavaScript兼容性的方法。 1. 找子标签的问题 问题描述: 1). ...
previousSibling、previousElementSibling的区别
sunlizhen的专栏
06-18 1万+
previousSibling：获取元素的上一个兄弟节点；（既包含元素节点、文本节点、注释节点） div id="box"> ul id="ul"> li>第一个li> li id="one">第二个li> li>第三个li> ul> p>我是第二个子节点p> div> var one = docume
js对节点的操作，添加，删除，获得父节点，子节点，兄弟节点
jenyzhang的专栏
09-28 3万+
var chils= s.childNodes; //得到s的全部子节点 var par=s.parentNode; //得到s的父节点 var ns=s.nextSbiling; //获得s的下一个兄弟节点 var ps=s.previousSbiling; //得到s的上一个兄弟节点 var fc=s.firstChild; //获得s的第一个子节点 var lc=s.la
js nextSibling属性和previousSibling属性概述及使用注意
10-27
nextSibling属性:该属性表示当前节点的下一个节点；如果其后没有与其同级的节点，则返回...previousSibling属性:该属性与nextSibling属性的作用正好相反,接下来将详细介绍下，感兴趣的你不妨了解下哦，或许对你有所帮助
只能是字母或数字或者是字母和数字的组合的正则previousSibling
10-31
只能是字母或数字或者是字母和数字的组合的正则previousSibling
GlassFish中进行EJB调用的几种场景
czl_danny的专栏
11-26 3394
一. 同一个应用中的EJB调用 在同一个EAR应用当中的EJB调用是EJB最常见的调用。在同一个EAR中既有EJB，又有Servlet。在Servlet中对EJB的调用比较简单。而且在开发EJB的时候，可以使用EJB的本地接口来提高性能。下面是一个EJB3.0调用的代码片断： @EJB     private NewSessionRemote newSessionBe
javascript getComputedStyle,getPropertyValue,CurrentStyle说明
czl_danny的专栏
12-25 3289
Dom中的getPropertyValue方法可以用来获取元素中指定的css属性值．该方法支持W3C标准．与IE中的currentStyle方法作用相同．都是根据指定的css属性名称来获取属性值．比如要获取某div的宽度是多少，文字排放text-align是怎么对齐的，以及position如何定位的． 他们的区别是： 1：getPropertyValue必须配合getComputedStyle
JPA 一对一
czl_danny的专栏
03-25 2514
一对一(One-To-One) 使用@OneToOne注解建立实体Bean之间的一对一关联。一对一关联有三种情况：(1).关联的实体都共享同样的主键，(2).其中一个实体通过外键关联到另一个实体的主键(注意要模拟一对一关联必须在外键列上添加唯一约束)，(3).通过关联表来保存两个实体之间的连接关系(要模拟一对一关联必须在每一个外键上添加唯一约束)。 1.共享主键的一对一关联映射： @Enti
struts2 单个文件上传的三种方法以及多文件上传
czl_danny的专栏
10-25 2048
1、  填加JAR包：commons-fileupload-1.2.1.jar 、connons-io-1.3.2.jar放在WEB-INF/lib下 2、在from表单增加enctype属性<form action=”” method=”” enctype=”multipart/form-data” 3、Struts.xml配置文件中引入上传文件的配置         4、Stru
Java开发三剑客JSF2.0、EJB3.1、JPA2.0现状及发展
czl_danny的专栏
10-25 1730
JSF 2.0 尽管 Java 在展示层框架上竞争的非常激烈，但 JSF 仍然固守着自己的领地。虽然有很多关于 JSF 的易用性和健壮性的质疑声，但 JSF2.0 就是为正面解决这些问题而提出来的，它的易用，创新以及可扩展的特性包括： JSF 正式将 Facelets 作为视图技术。也许你不熟悉 Facelets ，它也是一个与 JSF 结合默契的开源视图技术。因此，与 JSP 不同的是 Fa
xfire传入传出自定义类型和集合类型-webservice分析
czl_danny的专栏
09-27 1640
1.xfire eclipse插件安装步骤，详细内容见：http://xfire.codehaus.org/Eclipse+Plugin Overview The XFire Eclipse plugin provides Eclipse support for XFire
spring定时器
czl_danny的专栏
10-15 1466
Spring Quartz定时器详情2009-10-12 10:28Spring Quartz定时详情在Spring中，使用JDK的Timer类库来做任务调度功能不是很方便，关键它不可以象cron服务那样可以指定具体年、月、日、时和分的时间。你只能将时间通过换算成微秒后传给它。如任务是每天执行一次，则需要在spring中如下配置：--其中period就是一天的微秒数。如
SSH1整合下的通用泛型DAO+分页，基于HibernateTemplate
czl_danny的专栏
12-25 1281
共包含3个类：BaseHibernateDAO，Page，QueryParameter   BaseHibernateDAO.java   Java代码 /**    * DAO操作基类    * 本DAO层实现了通用的数据操作    *     * @author     *     * @param     *            POJO实体对
Tomcat的Web工程调用Jboss的EJB
czl_danny的专栏
11-26 1204
学习了下EJB，练习了如何在JBoss中调用EJB。 然后是学习Tomcat中的Web工程调用JBoss的EJB。 环境： tomcat6＋Jboss4.2.2GA 首先在Eclipse里建立一个java工程。 然后建立两个文件 HelloWorld.java package com; public interface HelloWorld {  public String Sa
%notfound的理解——oracle存储过程
czl_danny的专栏
03-25 915
文档中的解释：It returns TRUE if an INSERT, UPDATE, or DELETE statement affected no rows, or a SELECT INTO statement returned no rows. Otherwise, it returns FALSE. 这个解释更加精妙： %NOTFOUND is the logical oppo
previousSibling
最新发布
05-04
`previousSibling` 是一个 DOM 属性，用于获取当前节点的前一个同级节点（即在同一层级上的前一个节点）。这个属性返回一个节点对象，如果当前节点没有前一个同级节点，则返回 null。注意，该属性只返回节点对象，不包括文本节点或注释节点。 下面是一个示例： ```html <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <script> const secondItem = document.getElementsByTagName('li')[1]; console.log(secondItem.previousSibling); // 返回第一个 li 节点之前的文本节点 console.log(secondItem.previousElementSibling); // 返回第一个 li 节点 </script> ``` 在上面的示例中，我们获取了第二个 `li` 节点，并使用 `previousSibling` 属性获取了它前面的文本节点。然而，我们可以使用 `previousElementSibling` 属性来获取前一个元素节点。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值