首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

JS和JQuery获取当前元素的兄弟及等元素的方法

jQuery获取: jQuery.parent(expr),找父亲节点,可以传入 expr 进行过滤,比如 $("span").parent() 或者 $("span").parent(".class"...) jQuery.parents(expr),类似于 jQuery.parents(expr) ,但是是查找所有祖先元素,不限于元素 jQuery.children(expr),返回所有子节点,这个方法只会返回直接的孩子节点...获取: var chils= s.childNodes;  //得到s的全部子节点 var par=s.parentNode;   //得到s的节点 var ns=s.nextSibling;   /...获取节点,子元素:JS的方法会比JQUERY麻烦很多,主要则是因为FF、谷歌浏览器会把你的换行也当作DOM元素:空的text元素,目前IE也是这样       原生的JS获取ID为test的元素下的子元素。

12.4K10

准确获取事件源的任意元素(事件委托)

通常我们都会使用事件源e.target来获取点击的元素,从而可以知道我们点击的是谁。...当我们处理的结构是像这样简单的ul > li时,这种方法就非常好用,e.target获取到的事件源就是li 1 2...需要实现的功能是,点击这个盒子区域,输出对应的li对应的id,下面是这个li对应的代码片段,很显然在li内部存在着大量的子元素,我们需要通过给li的元素ul绑定事件,从而实现事件委托,那么我们该如何确定我们点击的元素属于哪一个...li了,从而导致我们获取不到id无从下手 解决方法 下面我通过另一种方法很好的解决了这个问题 在我们的事件对象event中,存在着一个方法path,这个方法可以返回事件触发的所有元素,我们可以使用这个方法...e.path返回的数组中是否含有这个属性,从而来确定事件触发元素的li,进而解决了我们的问题 注意:localName属性是确定元素的标签,像div li这些就属于localName,整个方法的核心就是通过获取到触发事件元素的所有元素集合

2.5K30

js window.open

—— 杰普莉茨卡娅 有时我们需要在js中触发打开新标签页、或者是在当前页面跳转以及在iframe中替换页面 使用window.open即可,关于它的参数,为以下四个: URL:需要打开的页面URL...window.open("https://vampireachao.gitee.io/") name:打开页面的方式或名称 // 新窗口打开,默认 window.open("https://vampireachao.gitee.io.../","_blank") // 窗口打开,ifame中使用 window.open("https://vampireachao.gitee.io/","_parent") // 当前窗口中打开 window.open...("https://vampireachao.gitee.io/","_self") // 顶层窗口打开,iframe中使用 window.open("https://vampireachao.gitee.io.../","_top") specs:属性,不同属性用逗号隔开,key和value之间用等号 // 设置宽高 window.open("https://vampireachao.gitee.io/","_blank

1.9K10

js中的window.parent,window.top、window.self

在应用有frameset或者iframe的页面时,parent 是窗口,top是最顶级的窗口(有的窗口中嵌套了好几层frameset或者iframe),self是当前窗口,opener是用open方法打开当前窗口...window.self 功能:是对当前窗口自身的引用,它和window是等价的 语法:window.self 注:window、self、window.self是等价的 window.top 功能:返回顶层窗口...语法:window.top 注:如果窗口本身就是顶层窗口,top属性返回的是对自身的引用。 window.parent 功能:返回窗口。...语法:window.parent 注:如果窗口本身是顶层窗口,parent属性返回的是对自身的引用。 在框架网页中,一般窗口就是顶层窗口,但如果框架中还有框架,窗口和顶层窗口就不一定相同了。

2.6K30

chrome插件获取window挂载的属性

需求:我们在开发浏览器插件的时候,有一些页面中会变一些变量挂在全局变量中(window.xxx) 举例:window.xxx = [1,2,3,4,5] 这些信息可能是页面渲染的必要数据, 我们之前是通过爬取...dom来获取页面的一些信息的, 那现在我们就可以通过它挂载的全局变量,来获取相对应的信息了, 省时省力,效率也有所提高, 当然这是一个比较幸运的情况,如果页面没有把一些数据挂在全局中, 我们也不想通过爬取...dom来获取信息,就需要模拟页面中的api请求, 这是比较繁琐的一件事情。...现在我要获取它,就可以创建一个script元素,append到head。而这个script元素的执行环境是原始网页的,可以自由使用fp这个变量。...上挂载的属性拉,就可以在我们的contentScript里面使用了, 问题的延申:为什么不能够在contentScript里面直接使用window的全局变量呢?

2.4K20

Js窗体window大小设置(转)

网页正文部分左:window.screenLeft  屏幕分辨率的高:window.screen.height  屏幕分辨率的宽:window.screen.width  屏幕可用工作区高度:window.screen.availHeight...: 获取对象的滚动高度。 ...scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离  scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离  scrollWidth:获取对象的滚动宽度...  offsetHeight:获取对象相对于版面或由坐标 offsetParent 属性指定的坐标的高度  offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的坐标的计算左侧位置...  offsetTop:获取对象相对于版面或由 offsetTop 属性指定的坐标的计算顶端位置  event.clientX 相对文档的水平座标  event.clientY 相对文档的垂直座标

6K20

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券