如何引用 id 并获取链接的 href？ [关闭]

Posted 2023-03-05

【中文标题】如何引用 id 并获取链接的 href？ [关闭]

【英文标题】：How to reference id and get href of a link? [closed]

【发布时间】：2020-12-23 18:32:07

【问题描述】：

问题：如何引用链接的id？查看附加图片 Click here

function insertButton(refresh = false) 
var to_match = 'a[class="';
var PAGE_TYPE = 0;

if (document.location.href == "https://www.youtube.com") 
    

如何引用id = "video-title-link"

var anchor_tag = document.getElementById("video-title-link");

有 2 个锚标记* 具有相同的类名。我想参考 id ="video-title-link"

  if(anchor_tag.hasAttribute('href="\/watch\?v=(\S+)"'))

    to_match = to_match.concat("yt-simple-endpoint style-scope ytd-rich-grid-video-renderer", '"]').getattribute('id ="video-title-link"');
    PAGE_TYPE = 1;

   

更新： 轮询

const poller = setInterval(function()  
    
  const anchor_tags = document.querySelectorAll('a[id="video-title-link"]'); 
  
    if(anchor_tags)
  
        for (index = 0; index < anchor_tags.length ; index++)
            
            console.log(anchor_tags[index].getAttribute('href'));
            
           
        
        clearInterval(poller);
        
       
    
, 1000);   

输出： Click here : href of each 'id'

【问题讨论】：

欢迎来到 SO。您能否向我们提供更多信息，您究竟需要做什么？

你必须在这里解释你想做什么？你试过什么？您想在哪个事件上获得 href？

请将所有代码作为文本，而不是文本图片。还要说明您在该图像中显示的 html 与 javascript 的关系，以及您计划如何使用该 JavaScript。

如果你只想要一个链接的href，你可以使用querySelector来获取它，然后查看href：document.querySelector('#classnamehere').href。这将为您提供 href 的完整路径。

请注意，除非您为 Google 编写此代码，否则 document.location.href 不太可能是“youtube.com”，除非您在控制台或扩展程序中运行代码。

【参考方案1】：

您可以使用querySelector() 和.getAttribute() 来执行此操作：

const element = document.querySelector(".yt-simple-endpoint")
const href = element.getAttribute("href");
console.log(href)

<a class="yt-simple-endpoint" href="https://example.com">Link</a>