js获取dom元素的子元素,父元素,兄弟元素小记

原生js
var a = document.getElementById("dom"); del_space(a); //清理空格 var b = a.childNodes; //获取a的全部子节点； var c = a.parentNode; //获取a的父节点； var d = a.nextSibling; //获取a的下一个兄弟节点 var e = a.previousSibling; //获取a的上一个兄弟节点 var f = a.firstChild; //获取a的第一个子节点 var g = a.lastChild; //获取a的最后一个子节点 使用jQuery

jQuery.parent(expr) //找父亲节点，可以传入expr进行过滤，比如$("span").parent()或者$("span").parent(".class")jQuery.parents(expr) //类似于jQuery.parents(expr),但是是查找所有祖先元素，不限于父元素jQuery.children(expr) //返回所有子节点，这个方法只会返回直接的孩子节点，不会返回所有的子孙节点jQuery.contents() //返回下面的所有内容，包括节点和文本。这个方法和children()的区别就在于，包括空白文本，也会被作为一个jQuery对象返回，children()则只会返回节点jQuery.prev() //返回上一个兄弟节点，不是所有的兄弟节点jQuery.prevAll() //返回所有之前的兄弟节点jQuery.next() //返回下一个兄弟节点，不是所有的兄弟节点jQuery.nextAll() //返回所有之后的兄弟节点jQuery.siblings() //返回兄弟姐妹节点，不分前后jQuery.find(expr)  //跟jQuery.filter(expr)完全不一样。jQuery.filter()是从初始的jQuery对象集合中筛选出一部分，而jQuery.find()的返回结果，不会有初始集合中的内容，比如$("p"),find("span"),是从p元素开始找,等同于$("p span").

转自https://lvwenhan.com/many/373.html

js获取dom元素的子元素,父元素,兄弟元素小记相关推荐

JS获取DOM元素的八种方法
什么是HTML DOM 文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展置标语言的标准编程接口.简单理解就是HTML DOM 是关于如何获取.修改.添加或删除 ...
JS获取DOM元素的方法
什么是HTML DOM 文档对象模型(Document Object Model),是W3C组织推荐的处理可扩展置标语言的标准编程接口.简单理解就是HTML DOM 是关于如何获取.修改.添加或删除 ...
vue 和 js 获取 dom节点下的某个元素，然后设置样式
vue获取dom节点下的类名,然后修改样式 <div ref="divRef"><div class="a">提到岁月,你们总说它是长河 ...
js 获取dom离页面编剧_页面对象之外：具有宁静性和编剧模式的下一代测试自动化
js 获取dom离页面编剧在当今快节奏的软件交付世界中,自动化的验收测试至关重要. 一组高质量的自动验收测试可帮助您减少浪费在手动测试和修复错误上的时间,从而更快地交付有价值的功能. 与行为驱动开发 ...
【JS笔记】JS中的DOM对象以及通过JS获取DOM结点，操作DOM属性、DOM增删改查
这篇文章,主要介绍JS中的DOM对象以及通过JS获取DOM结点,操作DOM属性.DOM增删改查. 目录一.JS中的DOM 1.1.什么是DOM 1.2.获取DOM结点 (1)获取htm ...
Vue组件之间的通讯方式——父传子、子传父、兄弟组件间的通讯
目录一.父传子 1.props 属性传递 2.方法传递 3. $parent获取方法和属性二.子传父 1. 属性传递 2 .通过$refs主动获取子组件方法和属性 3 .通过$children主动 ...
vue2的三种传值方式之父传子、子传父、兄弟共享数据
vue2的三种传值方式之父传子.子传父.兄弟共享数据 1. 父传子  <template><div class="app"&g ...
vue怎么给html元素加类选择器,Vue.js——获取Dom对象的类选择器名(className)
方法一:通过监听器监听方法event参数获取dom对象代码: vue自定义指令 .pop{ width:100px; background-color:#ffff00; height:100px; ...
通过原生js获取dom元素的九种方式
获取dom元素 <body><!-- <div id="box">我是一个DIV</div><p class="item& ...

js获取dom元素的子元素,父元素,兄弟元素小记

js获取dom元素的子元素,父元素,兄弟元素小记相关推荐

最新文章

热门文章