时间戳

首页 > 解决方案 > 如何通过更改 id 抓取元素

javascript - 如何通过更改 id 抓取元素

问题描述

我正在尝试制作一个脚本，我需要在网页上抓取一个元素。我检查页面并在 chrome 的帮助下选择元素，我复制了该元素的 css 代码，结果是：

<a id="4edd60cf-0462-4b8b-9b60-1d41911f3309" href="javascript:void(0);">Join now.</a>

问题是当我清除所有缓存和 cookie 时，元素的 id 会发生变化。

有没有其他方法可以抓住它？

我尝试使用 chrome 的“复制选择器”功能，但它不起作用

标签： javascripthtmlcss

解决方案

如果您没有要使用的属性，则可以使用元素的文本。

const link = [...document.querySelectorAll('a')].find(e => e.text === 'Join now.')

if(link)
  link.style.color = 'green' // do something with the found link.
<a id="4edd60cf-0462-4b8b-9b60-1d41911f3309" href="javascript:void(0);">Join now.</a>

推荐阅读