Question

0

104

Vistas

Change a tag's href

I'm making an userscript for Instagram. What I want to do is to change an <a> tag's href. This tag doesn't have any ID/class.

I already found how to select it:

var x = document.querySelector(".oJZym").getElementsByTagName("a");
x[0]

I want it to open a new tab to https://instagram.com/nukl3ar_p/ . I've already tried:

var x = document.querySelector(".oJZym").getElementsByTagName("a");
x[0].href = "https://instagram.com";

or

var x = document.querySelector(".oJZym").getElementsByTagName("a");
x[0].onclick = window.open("https://instagram.com/nukl3ar_p/", "_blank");

But it keeps redirecting me without even having clicked it. How to fix?

7 months ago · Juan Pablo Isaza

3 Respuestas

Responde la pregunta

0

Responde la pregunta

Encuentra empleos remotos

Answer 1 · 2022-07-11T05:55:39.065Z

Try this, use CSS Selector > to get the child <a> then set href.

var x = document.querySelector(".oJZym>a");
x.href = "https://instagram.com/nukl3ar_p/";
x.target ='_blank';

<div  class="oJZym" ><a href="/">Test</a></div>

Answer 2 · 2022-07-11T05:55:39.071Z

You can use the d3 library to modify it like this:

<script src="https://cdn.jsdelivr.net/npm/d3@7"></script>
<script>

const div = d3.select(".oJZym").select("a")
              .attr("href","https://instagram.com/nukl3ar_p/")
              .attr("target","_blank");

</script>

This script will use the d3 library to select the hyperlink within the ".oJZym" class and set its href and target attribute.

Answer 3 · 2022-07-11T05:55:39.077Z

Try these line..

var x = document.querySelector("oJZym + a")
x[0].href = "https://instagram.com";