时间戳

首页 > 解决方案 > 我是 JS 新手，我想知道如何从 HTML 中获取特定信息

javascript - 我是 JS 新手，我想知道如何从 HTML 中获取特定信息

问题描述

我正在学习和学习 JS，我想选择 HTML 的特定元素用于某些功能，例如：

<a class="_2dbep qNELH kIKUG" href="/mathns_/" tabindex="0" style="width: 56px; height: 56px;"><img alt="Foto do perfil de mathns_" class="_6q-tv" data-testid="user-avatar" draggable="false" src="https://instagram.fcgh13-1.fna.fbcdn.net/v/t51.2885-19/s150x150/65158471_584667738728022_8425647488723058688_n.jpg?_nc_ht=instagram.fcgh13-1.fna.fbcdn.net&amp;_nc_ohc=XL5y1cJG98AAX8-AXnU&amp;oh=baec81bb4b516812d2302c2845bee070&amp;oe=5F821018"></a>

从上面的代码中，我只想得到“href = / mathns _ /” ...

我尝试执行以下操作：

document.querySelector('._2dbep.qNELH.kIKUG')

它甚至可以工作，但它返回给我另一个提要的类（我以 instagram 为例）

有人可以帮我吗？我想知道是否有任何方法可以让我只选择我真正想要的课程和信息！

当我运行 document.querySelector 时，它会从其他人那里返回我：

<a class="_2dbep qNELH kIKUG" href="/southamericamemes/" tabindex="0" style="width: 32px; height: 32px;"><img alt="Foto do perfil de southamericamemes" class="_6q-tv" data-testid="user-avatar" draggable="false" src="https://instagram.fcgh13-1.fna.fbcdn.net/v/t51.2885-19/s150x150/117308071_215320116684944_6868475462134444917_n.jpg?_nc_ht=instagram.fcgh13-1.fna.fbcdn.net&amp;_nc_ohc=utEb7fkGnskAX_8fyYS&amp;oh=cf0b439426a75d9c22049efa86093774&amp;oe=5F8245FD"></a>

标签： javascriptnode.js

解决方案

您可以通过将其<a>放入选择器中来选择 ：href="/mathns_/"

const a = document.querySelector('[href="/mathns_/"]');
console.log(a);
<a class="_2dbep qNELH kIKUG" href="/southamericamemes/" tabindex="0" style="width: 32px; height: 32px;"><img alt="Foto do perfil de southamericamemes" class="_6q-tv" data-testid="user-avatar" draggable="false" src="https://instagram.fcgh13-1.fna.fbcdn.net/v/t51.2885-19/s150x150/117308071_215320116684944_6868475462134444917_n.jpg?_nc_ht=instagram.fcgh13-1.fna.fbcdn.net&amp;_nc_ohc=utEb7fkGnskAX_8fyYS&amp;oh=cf0b439426a75d9c22049efa86093774&amp;oe=5F8245FD"></a>
<a class="_2dbep qNELH kIKUG" href="/mathns_/" tabindex="0" style="width: 56px; height: 56px;"><img alt="Foto do perfil de mathns_" class="_6q-tv" data-testid="user-avatar" draggable="false" src="https://instagram.fcgh13-1.fna.fbcdn.net/v/t51.2885-19/s150x150/65158471_584667738728022_8425647488723058688_n.jpg?_nc_ht=instagram.fcgh13-1.fna.fbcdn.net&amp;_nc_ohc=XL5y1cJG98AAX8-AXnU&amp;oh=baec81bb4b516812d2302c2845bee070&amp;oe=5F821018"></a>

推荐阅读