Searching for the href attribute within an anchor tag using puppeteer

I'm currently attempting to locate the href attribute within an a tag using puppeteer, but so far I have not been successful with any of my methods.

The specific

<a class="styles__StyledLink-sc-l6elh8-0 ekTmzq Asset--anchor" href="/foo1/foo2/foo3"></a>
is the a element that I am trying to integrate into my program.

Answer №1

Here is a potential solution:

const link = await page.evaluate(() => {
  const targetLink = document.querySelector('a.styles__StyledLink-sc-l6elh8-0..ekTmzq.Asset--anchor');
  return targetLink.getAttribute('href');
});

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Mobile Menu in wordpress stays visible after being clicked

I recently created a one-page layout that includes some links. However, when I view the site on my smartphone and open the main menu using the button to click on a link (which scrolls within the same page), I noticed that the mobile menu remains visible a ...

Setting up Firebase in an Angular 6 project without using AngularFire

While working on a project, I initially set up Firebase using AngularFire but found that I didn't need to use many of its functions. Instead, I imported firebase/app in each service and directly used specific functions like firebase.auth() and firebas ...

Apply an active navigation class depending on the current URL in the session

Is there a way to dynamically add an .active class (font-weight:700;) to the active pages navigation menu based on the category in the URL? The system url is constructed using session and category parameters. For example, the homepage for logged-in users ...

What is the best way to align a label, input box, and a small search image on the same line

I'm currently working on developing a mobile page using jQuery Mobile version 1.4.4. I've managed to get the label and input box to display correctly in one line, but I'm encountering an issue with the small search image appearing on the nex ...

Trigger page load upon closing a popup window by utilizing the "beforeunload" event

I'm attempting to assign an event handler to beforeunload using JavaScript. This is the code I am currently using: $(window).on("beforeunload", function() { $("#popupin1").load("new.html"); }) I receive the alert, but the loading div does not a ...

Mastering the art of curating the perfect image for your Facebook timeline

Controlling the Like image presented on Facebook timeline can be done using the header element. In my single-page app, I have multiple like buttons, each should be connected to a different image. What is the best way to associate a specific image with e ...

When working with Angular 12, the target environment lacks support for dynamic import() syntax. Therefore, utilizing external type 'module' within a script is not feasible

My current issue involves using dynamic import code to bring in a js library during runtime: export class AuthService { constructor() { import('https://apis.google.com/js/platform.js').then(result => { console.log(resul ...

Having trouble initializing a variable in a function and accessing it from a separate function

Currently, I am executing a node js file which is receiving a post request as shown below. app.post('/', function (req, res) { var firstLine = req.body.firstLine; var secondLine = req.body.secondLine; var previewID = req.body.preview ...

Challenges when utilizing the command "npm install" within a programmatic context

I'm really excited about the potential of using "npm programmatically," but I've hit a roadblock. The function "npm.load" doesn't seem to be triggering for me. None of the console logs inside of my "npm.load" or "npm.commands.install" functi ...

NavigateToTop/BackToTheBeginning

I'm facing a challenge with a page layout that involves two vertical div's - one for the menu on the left and another for loading content on the right. My goal is to utilize the .scrollintoview() function on the menu div so that when a link is cl ...

What could be causing the texture distortion in THREE.js?

I am encountering an issue with the textures loaded using the TextureLoader, as they seem to be causing tearing errors within the texture. Below is the code snippet I am using for the material: var textureName = "Melamine-wood-001"; var textureUrl = ...

What is the best method for invoking a JavaScript function when the view changes in AngularJS?

On the transition from one AngularJS view to another, I am looking to execute a few JavaScript functions such as a placeholder fallback. Is there a way to accomplish this on a global scale? ...

JavaScript: Cloning an array using the filter method

I have come to realize that there is no definitive best practice for copying an Array in Javascript. Is it a viable option to utilize Array.filter to copy an Array? For example: var words = ['spray', 'limit', 'elite', &apos ...

The JQuery click handler seems to only be functioning on the initial item

I am currently working on a table where I need to create a functionality that can change a value in the database for each row. However, I am facing an issue where the changes I make only affect the specific row in the table and not the rest of the rows. M ...

Text at the center of a series of circles on canvas

Can someone assist me in aligning my text at the center of 5 concentric circles? Below is the code I have written, but it doesn't seem to be working. Any suggestions on what modifications I need to make to achieve this would be greatly appreciated. Th ...

Certain javascript commands are experiencing difficulties when used in conjunction with IIS 7 and Windows 2008

My code was running smoothly on Windows 2003 & IIS 6: javascript:window.opener.document.formConfirmation.textBoxDateFrom.value = '01/01/2011'; However, when I tried it on Windows 2008 with IIS 7, it didn't work! I am unable to modify the ...

I'm having trouble modifying the backdrop to 'true' or removing it after setting it to 'static' in Bootstrap. Can anyone help me troubleshoot this issue?

I have been encountering an issue with changing the backdrop setting from 'static' to 'true' in Bootstrap modal. Here is the code I am using: $('#modal').modal({backdrop: 'static', keyboard: false, show: true}); ...

Display two separate views or templates on the screen using AngularJS

Currently, I am developing a mobile app powered by Angular and I am looking to create a unique view that displays halves of two separate views. The user should be able to switch between the two views by swiping up or down. Can anyone provide advice on how ...

Tips for preventing line breaks within table cells

Looking at the image below, I need to display the Hallticket in a single line. The first one is retrieved directly from the database, while the second one is added dynamically using JavaScript. How can I show both sets of data in a single line? https://i. ...

Is it possible to generate a "pop-up" window upon clicking on the register button?

As a backend programmer, I'm looking to create a popup window that appears in front of the current window when users click "register", eliminating the need for redirection to another page. I believe you understand the concept. How can I achieve this? ...