How can I select the link in this code using JS DOM?

wilder31

Regular Member

Oct 18, 2019

317

77

• Jan 16, 2021

• #1

hello dear members,
JS newbie here needs some help.

The HTML is like this

<tbody><tr>
<td align="center"><input type="image" src="http://thetargetlink.c om " border="0" accesskey="s"></td>
</tr>
</tbody>

I wanna select the link only using JS but can't figure it out.
there's no ID nor CLASS..

how can I select the link?

Can I use document.querySelector?

please help me out!
will be so appreciate

 

alurosu

Elite Member

Jun 16, 2020

2,192

1,660

• Jan 16, 2021

• #2

Use jQuery:
$("td input[type=image]").attr("src");

 

wilder31

Regular Member

Oct 18, 2019

317

77

• Jan 17, 2021
• Thread Starter Thread Starter

• #3

alurosu said:

Use jQuery:
$("td input[type=image]").attr("src");

Click to expand...

wow, really appreciate!
thanks a ton

 

wilder31

Regular Member

Oct 18, 2019

317

77

• Jan 17, 2021
• Thread Starter Thread Starter

• #4

alurosu said:

Use jQuery:
$("td input[type=image]").attr("src");

Click to expand...

can you tell me javascript also
instead of jQuery?
thanks in advance!

 

Larry Igna

Power Member

Nov 25, 2016

663

708

• Jan 17, 2021

• #5

Code:

document.querySelectorAll(('table tbody tr:first-child td:first-child input[type=image]'));

Not tested, it should find all inputs of type image, if there are more, you might need to tweak it a bit.

 

wilder31

Regular Member

Oct 18, 2019

317

77

• Jan 18, 2021
• Thread Starter Thread Starter

• #6

Larry Igna said:

Code:

document.querySelectorAll(('table tbody tr:first-child td:first-child input[type=image]'));

Not tested, it should find all inputs of type image, if there are more, you might need to tweak it a bit.

Click to expand...

will try! appreciate

 

ipolic

Junior Member

Jr. VIP

Oct 5, 2022

141

41

• Oct 17, 2024

• #7

Code:

// Select the input element with type="image"
const imageInput = document.querySelector('input[type="image"]');

// Access the 'src' attribute
const imageSrc = imageInput.getAttribute('src');

console.log(imageSrc); // Outputs: "http://thetargetlink.com"

Yes, you can absolutely use document.querySelector to select the image and its src attribute, even without an id or class. Since there's no specific identifier like id or class, you can select it based on its tag and attribute values.

 

nataliegreen

Newbie

Oct 17, 2025

12

2

• Oct 17, 2025

• #8

Use document.querySelector('input[type="image"]').src — it will give you the link directly.