JavaScript实现获得所有兄弟节点的方法_javascript技巧

本文实例讲述了JavaScript获得所有兄弟节点的方法。分享给大家供大家参考。具体如下:

这段代码先获得元素父节点,然后获得其父节点的所有子节点,然后删除自己便是所有兄弟节点

function sibling(elem){
  var r=[];
  var childs=elem.parentNode.childNodes;
  for(var i=0,len=childs.length;i<len;i++){
    if(childs[i].nodeType==1&&childs[i]!=elem){
      r.push(childs[i]);
    }
  }
  return r;
}

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

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索javascript
兄弟节点
javascript兄弟节点、jquery 获得兄弟节点、js 获得兄弟节点、获得兄弟节点、jq获得兄弟节点,以便于您获取更多的相关知识。

时间: 2024-10-24 17:09:26

JavaScript实现获得所有兄弟节点的方法_javascript技巧的相关文章

javascript删除一个html元素节点的方法_javascript技巧

本文实例讲述了利用原生javascript实现删除一个指定的html元素的方法.分享给大家供大家参考.具体实现方法如下: 复制代码 代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.jb51.net/" /> <title>&l

javascript Firefox与IE 替换节点的方法_javascript技巧

oldNode.replaceNode(newNode) 方法在IE中可以实现节点的替换,但在fierfox就不行了: 后来好不容易才解决此问题: 复制代码 代码如下: function(oldNode,newNode) { oldNode.parentNode.appendChild(newNode) oldNode.parentNode.removeChild(oldNode); }

Javascript删除指定元素节点的方法_javascript技巧

在javascript操作dom树的时候可能会经常遇到增加,删除节点的事情,比如一个输入框后一个增加按钮,一个删除按钮,点击增加就增加 个输入框,点击删除就删除对应的输入框.在一些js框架,如Prototype中,可以用element.remove()来删除一个节点,核心JS中并 没有这样的方法,IE中有这样一个方法:removeNode(),尝试运行下面的代码 <div><input onclick="removeNode(this)" type="tex

Javascript removeChild()删除节点及删除子节点的方法_javascript技巧

下面给大家介绍Javascript removeChild()删除节点的方法,具体详情如下所示: 在Javascript中,只提供了一种删除节点的方法:removeChild(). removeChild() 方法用来删除父节点的一个子节点. 语法:     parent.removeChild(thisNode) 参数说明:   参数 说明 thisNode 当前节点,即要删除的节点 parent 当前节点的父节点,即 thisNode.parentNode 例如,删除 id="demo&qu

JavaScript动态添加style节点的方法_javascript技巧

本文实例讲述了JavaScript动态添加style节点的方法.分享给大家供大家参考.具体如下: var css = 'h1 { background: red; }', head = document.getElementsByTagName('head')[0], style = document.createElement('style'); style.type = 'text/css'; if(style.styleSheet){ style.styleSheet.cssText =

删除javascript所创建子节点的方法_javascript技巧

本文实例讲述了删除javascript所创建子节点的方法.分享给大家供大家参考.具体如下: js创建的节点,一时不知道如何删除...耗了一大堆时间 for(var i = 0; i < jsonList.length; i++ ){ var li_button = document.createElement("li"); li_button.className = "button"; var li_button_a = document.createElem

在父页面得到zTree已选中的节点的方法_javascript技巧

本文实例讲述了在父页面得到zTree已选中的节点的方法.分享给大家供大家参考.具体如下: 将zTree放在一个iframe里: zTreeObj = $("#treeDemo").zTree(setting, zNodes); 如果在当前页面的话,通过 var nodes = zTreeObj.getCheckedNodes(); 即可 那么点击父页面的按钮,如何得到zTree已选中的节点? 假设iframe的id和name为aa(id和name都设置,兼容性问题) window.fr

javascript先序遍历DOM树的方法_javascript技巧

DOM树由文档中的所有节点(元素节点.文本节点.注释节点等)所构成的一个树结构,DOM树的解析和构建是浏览器要实现的关键功能.既然DOM树是一个树结构,那么我们就可以使用遍历树结构的相关方法来对DOM树进行遍历,同时DOM2中的"Traversal"模块又提供了两种新的类型,从而可以很方便地实现DOM树的先序遍历. 注:本文中的5种方法都是对DOM的先序遍历方法(深度优先遍历),并且只关注Element类型. 1. 使用DOM1中的基础接口,递归遍历DOM树 DOM1中为基础类型Nod

4种JavaScript实现简单tab选项卡切换的方法_javascript技巧

本文实例讲解了4种JavaScript实现简单tab选项卡切换的方法,分享给大家供大家参考,具体内容如下 效果图:   方法一:for循环+if判断当前点击与自定义数组是否匹配 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>tab切换</title> <style type="text/