How i search the dom with pure javascript for find a custom link attribute? [duplicate]

Question

Suppose i have a link such as

<a class="like_button" href="#" action_click="LikePost">I Like It</a>

How can i search the dom via pure JavaScript to scan the html for the action_click="LikePost" The code below doest not work for me

document.getElementsByTagName('action_click')

I feel though that a regular expression might needed.

Possible duplicate of Find an element in DOM based on an attribute value — Thamilhan
– Thamilhan, Commented May 2, 2018 at 12:01

gurvinder372 · Accepted Answer · 2018-05-02 12:00:03Z

3

Use document.querySelector

document.querySelector('[action_click="LikePost"]');

And if there are multiple such elements, use document.querySelectorAll which will return a live HTMLCollection.

document.querySelectorAll('[action_click="LikePost"]');

answered May 2, 2018 at 12:00

gurvinder372

68.6k11 gold badges78 silver badges98 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Takit Isy · Accepted Answer · 2018-05-02 12:01:37Z

1

You should use the querySelector() like that:

console.log(document.querySelector('[action_click="LikePost"]'));

<a class="like_button" href="#" action_click="LikePost">I Like It</a>

answered May 2, 2018 at 12:01

Takit Isy

10.2k3 gold badges29 silver badges48 bronze badges

Comments

Ankit Agarwal · Accepted Answer · 2018-05-02 12:02:19Z

1

If you have only one element with that attribute then querySelector works.

var elem = document.querySelector('[action_click="LikePost"]');
console.log(elem);

<a class="like_button" href="#" action_click="LikePost">

But if you have multiple elements then querySelectorAll is what you need:

var elem = document.querySelectorAll('[action_click="LikePost"]');
console.log(elem);

<a class="like_button" href="#" action_click="LikePost">
<a class="like_button" href="#" action_click="LikePost">
<a class="like_button" href="#" action_click="LikePost">

answered May 2, 2018 at 12:02

Ankit Agarwal

30.8k5 gold badges41 silver badges63 bronze badges

1 Comment

Skeptic Over a year ago

Thanks for the answer, it helped! Im using this JavaScript code within a python script, but even if JavaScript syntax is correct, the script refuses to run complaining about a syntax error. driver.execute_script("window.a = document.querySelectorAll('[action_click="LikePost"]');") I think im missing something

Collectives™ on Stack Overflow

How i search the dom with pure javascript for find a custom link attribute? [duplicate]

3 Answers 3

Comments

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

1 Comment

Linked

Related