event.target获取元素xpath
时间: 2024-05-10 19:17:08 浏览: 113
`event.target` 是获取当前触发事件的元素节点,它并不直接提供获取元素的 XPath 的方法。但是,可以通过 `XPathResult` 对象的 `evaluate()` 方法来获取元素的 XPath。
以下是一个示例代码:
```javascript
function getXPath(node) {
if (node && node.nodeType == Node.ELEMENT_NODE) {
var path = getXPath(node.parentNode) + '/' + node.tagName.toLowerCase();
var siblings = node.parentNode.children;
for (var i = 0; i < siblings.length; i++) {
if (siblings[i] === node) {
path += '[' + (i+1) + ']';
break;
}
}
return path;
} else {
return '';
}
}
document.addEventListener('click', function(event) {
var xpath = getXPath(event.target);
console.log(xpath);
});
```
在这个示例中,我们定义了一个 `getXPath()` 函数,该函数以一个元素节点作为参数,并返回该元素的 XPath。然后,我们在 `click` 事件监听器中调用该函数,并将结果输出到控制台。
阅读全文