html - 如何为这个 HTML 编写 XPath 和 CSS?

标签 html css selenium-webdriver xpath

如何为以下元素编写正确的 Xpath 和 CSS - 快速查看。

网站上有多个快速查看按钮,但我正在尝试单击其中一个。

<button type="button" class="cta-button cta-button--small cta-button--quick-look cta-button--nordstromrack"><span class="cta-button__content">Quick Look<span class="cta-button__hidden-text">Nike - Club Crew Neck Sweater</span></span><img alt="spinner" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAACXBIWXMAAA7DAAAOwwHHb6hkAAAB6ElEQVR4nI2UO0hcURCG7+q6vhAhWqyiqLVgp4F0FnYSSOErxlbBJoWgEjtLFWOnkkpQsApYSDBlRFFMQIikUUHRhSw+UePbvX5/du5yXU3WAx//zNwzc86cc3aDrus63ggEArlINrF982uQbnhPLOL8YwST/Gr4SPJLkq6xw/AKXkDECmchV65v9eQia1AKnTACx1AIR745GeRfPtgJldPQHD6cqQ38WvxVdAb9AYMQxU+3Rc987aeTc6egttdDoBJtJ/gT+zX2KfYftM+XpC5cVHkVmoMdlaPev1jvSwTrmDf71AESj/E9x1rWAscqGoRbnEU+NqINmvtUAd+IwYHwDldnUoLmwx6xsRQFHDvUS/JCkKFO1M4oVGkFgl1M+pyqEPPKLEddRFSkHwog6sSv+Dljx4mfiW7sXGeyYtX1Ht6hX//3Ou1gi5iz6cWCdv9N0OPEH9e3FLvIgxbyltHvFDtSOyFohXno1aNjgvrdxT707aAYiRH7jT1pC99gz6vIFbR5CQT1e5mCN9jnaC3f9I7CtoMP+FvokO3q7zvRvXsFMpE5mCa+YTsaQBfQVaiHtzCh527tP/oBlsMvGDZfV7kNBSSdUGwcuxnV38VF4mCTimxBh2/COuj2TuQQ1w/xkx1BYtwD0aDcaegH9T8AAAAASUVORK5CYII=" class="cta-button__spinner"></button>
<span class="cta-button__content">Quick Look<span class="cta-button__hidden-text">Nike - Club Crew Neck Sweater</span>

最佳答案

这是 xpath,如果您尝试单击“Nike - Club Crew New Sweater”快速查看按钮。

//span[.='Nike - Club Crew Neck Sweater']/ancestor::button

关于html - 如何为这个 HTML 编写 XPath 和 CSS?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55110824/

相关文章:

javascript - 使用键盘按下打破 JS 中的无限循环

php - 如何在 URL 中实现 slug 替换 id

javascript - 为什么我的页面无法加载 js 和 css 文件?

JQuery - 弹出显示父跨度

javascript - Protractor 在忽略同步期间等待,浏览器 implicitTimeout 与 browser.wait 超时

html - 为什么 input 元素是行内元素可以调整大小?

html - Firefox 的 CSS 边距

html - 使段落缩进到同一位置

java - 将 phantomjs 替换为 headless chromedriver 时出错

java - 定位元素和 getText() 值