单击获取元素的外部 HTML
[英]Get outer-HTML of element on click
提示:本站为国内最大中英文翻译问答网站，提供中英文对照查看，鼠标放在中文字句上可显示英文原文。
问题描述
我正在做一个寻找 xpath 的项目，我需要最快和最简单的方法让用户在网页中实际 select 他想要找到 xpath 的元素。 理想情况下，只需单击即可进行选择，这需要返回该元素的 outerHTML 值，因此我可以获取它并针对页面的 fullHTML 进行处理以找到任何指示器。
现在，我卡住了双击元素，按下检查元素和复制，所有这些都是手动的，这不好。我知道在 selenium 中自动化，但我还没有找到自动化这个过程的方法。
任何建议、想法或最好的答案将不胜感激！ 谢谢
1 条回复
1楼 pguardiario 0 2023-01-22 00:23:09
您想在单击元素时查看元素的路径吗？ 这样的事情会起作用：
window.addEventListener("click", (e) => {
let element = e.target
let path = []
while(element.parentElement){
let i = [...element.parentElement.children].indexOf(element)
path.unshift(`${element.tagName}:nth-child(${i + 1})`)
element = element.parentElement
}
alert(path.join("/"))
})
问题未解决？试试本站强大的搜索功能，搜索： 单击获取元素的外部 HTML。
Cheerio获取元素外部html
[英]Cheerio get element outer html
我正在使用cheerio来解析服务器端的html文件和节点6.10.2。 我需要在文档正文中获取每个div的outerHtml，我的代码是： 问题：我正在使用innerHtml获取字符串。 任何人都可以帮助。 ？ ...
单击后在 HTML 页面中查找外部元素
[英]Find outer element in HTML page after click
我正在尝试获取包含许多可以单击的按钮的相应元素。 例如，我想获取包含已单击按钮的表格行。 在下面的代码中，单击会调用相应的 JavaScript，但“最接近”返回的对象不是表行之一。 我也尝试过event.target而不是这个， parents而不是closest但没有工作。 $ ...
jQuery单击更改外部元素
[英]jQuery on click change outer element
我有这样的结构： 我需要 更改 像这样： 将p.stock移至.single_variation的第一元素。 我需要在点击时执行此操作，因为首先在页面加载时没有.single_variation_wrap它被隐藏。 单击后，最后一个.variation-s ...
如何在 vue @click 中获取 html 元素 ID？
[英]how to get html element id in vue @click?
我是 Vue 的初学者，我需要获取按钮 ID，我将其设置为如下代码： 如您所见，我需要将 id 传递给 showSessions 函数，但是当我单击按钮时出现此错误 无法读取 null 的属性“id” 我怎样才能得到身份证 多谢 ...
获取鼠标单击发生的html元素？
[英]Get html element in which a mouse click occurred?
在javascript中，我希望能够确定html页面中发生鼠标单击的元素。 请注意，元素不会附加事件侦听器。 基本上：光标位于页面的某个位置，用户单击鼠标，捕获鼠标单击事件，获取发生单击的元素。 这可能吗？ 我想到的一种方法是获取click事件的x，y坐标，遍历DOM获取每个元素 ...
单击时获取HTML节点（不一定是元素）
[英]Get HTML Node (Not Necessarily Element) On Click
我有一个Web应用程序，在单击HTML中的任何节点后，需要在其父节点的childNodes数组中检索该节点的索引。 但是，我无法通过onclick事件获取当前选定的节点。 返回的事件目标是包含element而不是元素内的特定node 。 当文本节点存在时，这种差异很重要，例如： 如 ...
单击父元素时获取 html 第三个子元素 ID
[英]Get html third child element id on click at the parent element
我有一个使用 Html 生成的代码： 我需要获取 class="popuptext" span 元素的 id，并在 ChooseImageToolTip() javascript 函数中处理它。 我将 div 元素传递给函数。 ...
记录整个HTML元素而不仅仅是外部选择器？
[英]Log entire HTML element not just outer selector?
说我有一个简单的清单： 如果我遍历该列表并注销每个项目，则似乎只记录了li，而不记录其中的HTML。 有没有办法记录整个元素，包括链接和文本？ ...
仅在外部html元素上执行事件
[英]Only execute event on outer html element
关于这个问题，我能找到的所有答案都试图朝相反的方向做事。 所以...这可能吗？ 我有一个简单的HTML代码段 launcher类将事件附加到div，该事件采用data-info值并对其执行某些操作（例如，在叠加层中启动视频）。 如何仅触发div的事件？ （出于没有脚本和语 ...
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.