JavaScript 技术篇-js通过xpath获取dom节点，js校验xpath唯一性

document.evaluate() 就是通过 xpath 获取 dom 节点。
返回的结果通过 .iterateNext() 可以获得 dom 对象，每次调用会少一个，当没有时就返回空。

返回匹配到的第一个 xpath 对应的 dom 节点。

function x(xpath) {var result = document.evaluate(xpath, document, null, XPathResult.ANY_TYPE, null);return result.iterateNext()
}

返回匹配到 xpath 的 dom 节点个数。

function x(xpath) {var result = document.evaluate(xpath, document, null, XPathResult.ANY_TYPE, null);var i = 0;while(result.iterateNext()){i++;}return i;
}

如果想通过 xpath 获取 iframe 框架内的 dom 节点，评论区留言哦！
喜欢的点个赞❤吧！

JavaScript 技术篇-js通过xpath获取dom节点，js校验xpath唯一性相关推荐

vue 和 js 获取 dom节点下的某个元素，然后设置样式
vue获取dom节点下的类名,然后修改样式 <div ref="divRef"><div class="a">提到岁月,你们总说它是长河 ...
Vue的基础认知二---vue的双向绑定/vue获取DOM节点
在这篇博文之前,我们已经开了一个vue的头了,需要的小伙伴可以点击这个链接:Vue的基础认知一-构建环境/v指令的使用,好了,我们继续来看我们接下来要看的内容. 一.vue的双向绑定 mvvm框架: ...
js动态添加html元素绑定事件,JS实现动态添加DOM节点和事件的方法示例
本文实例讲述了JS实现动态添加DOM节点和事件的方法.分享给大家供大家参考,具体如下: 运行效果图如下: 完整实例代码如下: /p> "http://www.w3.org/TR/xht ...
js与jquery获取子节点、父节点、兄弟节点的方法
js与jquery获取子节点.父节点.兄弟节点的方法在写代码时,时不时会遇到获取子节点.父节点等需要,但有的时候总是弄混淆不是很清晰,所以针对这些问题,总结了jquery与js获取节点的方法 js方 ...
前端框架——Jquery——基础篇2__获取DOM节点的值
对于获取DOM节点的内容,Jquery提供了四种方法,html,text,val,attr.下面来分别介绍这四种方法和它们的区别.下面以例子来说明我写的JSP页面内容如下: 1 <div id ...
[vue] vue怎么获取DOM节点？
[vue] vue怎么获取DOM节点? 1.document.getElementById("id")2.this.$refs.xx还有一些特殊的,比如this.$root.thi ...
获取DOM节点的几种方式
DOM 是一个树形结构,操作一个DOM节点,实际上就是这几个操作:更新.删除.添加.遍历在操作DOM节点之前,需要通过各种方式先拿到这个DOM节点,常用的方法有: 一.通过元素类型的方法来操作: d ...
Vue.js中$refs{}获取DOM元素
如果我们想获取DOM元素,一般使用js中的document.querySelector来获取这个dom节点,然后在获取元素的值,现在Vue提供给我们一种更便捷的方式来获取DOM元素-----$refs ...
JavaScript学习第二天——BOM、DOM、JS的组成、JavaScript
JavaScript初识导读 1.初识JavaScript 1.1 JavaScript历史 1.2 JavaScript是什么 JavaScript是世界上最流行的语言之一,是一种运行在客户端的脚本 ...

JavaScript 技术篇-js通过xpath获取dom节点，js校验xpath唯一性

JavaScript 技术篇-js通过xpath获取dom节点，js校验xpath唯一性相关推荐

最新文章

热门文章