繁体   English   中英

单击获取元素的外部 HTML

[英]Get outer-HTML of element on click

提示:本站为国内最大中英文翻译问答网站,提供中英文对照查看,鼠标放在中文字句上可显示英文原文

我正在做一个寻找 xpath 的项目,我需要最快和最简单的方法让用户在网页中实际 select 他想要找到 xpath 的元素。 理想情况下,只需单击即可进行选择,这需要返回该元素的 outerHTML 值,因此我可以获取它并针对页面的 fullHTML 进行处理以找到任何指示器。

现在,我卡住了双击元素,按下检查元素和复制,所有这些都是手动的,这不好。我知道在 selenium 中自动化,但我还没有找到自动化这个过程的方法。

任何建议、想法或最好的答案将不胜感激! 谢谢

您想在单击元素时查看元素的路径吗? 这样的事情会起作用:

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
获取外部元素的html

[英]Get html of the outer element

我有以下内容 我想获得div的外部html,而没有内部子元素,如下所示 没有jquery怎么办? ...

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.

 
粤ICP备18138465号  © 2020-2023 STACKOOM.COM