Get DOM id attribute from current element

Hey there!
How do I get the id attribute of the current element in an inline function, similar to how it's possible in basic HTML?

This code snippet works in basic HTML:

<button id="hi" onclick="console.log(this.id)">Click me</button>

<button id="hi" onclick="console.log(this.id)">Click me</button>

How would I achieve this with tsx in SolidJS?

<button
  onClick={() => {
    console.log(this.id); //this doesn't work because "self" is not defined.
  }}
>
  Click me
</button>

<button
  onClick={() => {
    console.log(this.id); //this doesn't work because "self" is not defined.
  }}
>
  Click me
</button>

This seems like a really simple question, but I kinda struggled with finding a solution, other then wrapping it in a component and getting/managing the id like that.
Thanks for the help! =)

SolidJS•3y ago•

2 replies

ElitoGame

Get DOM id attribute from current element

Hey there!
How do I get the id attribute of the current element in an inline function, similar to how it's possible in basic HTML?

This code snippet works in basic HTML:

<button id="hi" onclick="console.log(this.id)">Click me</button>

<button id="hi" onclick="console.log(this.id)">Click me</button>

How would I achieve this with tsx in SolidJS?

<button
  onClick={() => {
    console.log(this.id); //this doesn't work because "self" is not defined.
  }}
>
  Click me
</button>

<button
  onClick={() => {
    console.log(this.id); //this doesn't work because "self" is not defined.
  }}
>
  Click me
</button>

This seems like a really simple question, but I kinda struggled with finding a solution, other then wrapping it in a component and getting/managing the id like that.
Thanks for the help! =)

Continue the conversation

Join the Discord to ask follow-up questions and connect with the community

SolidJS

Solid is a declarative reactive Javascript library for creating user interfaces.

12,260 Members

Join

Get DOM id attribute from current element

Get DOM id attribute from current element

Continue the conversation

SolidJS

Continue the conversation

SolidJS

Similar Threads