JavaScript - print the element value

Question

I have the following:

<div onclick="updateElementWithValue()" id="element">Value 1</div>
<div onclick="updateElementWithValue()" id="element">Value 2</div>
<div onclick="updateElementWithValue()" id="element">Value 3</div>

JS:

updateElementWithValue(){
//need to add some code here to make the function work!
alert('This is element : ');
}

what I want to do, is for example if I click on :

<div onclick="updateElementWithValue()" id="element">Value 2</div>

It displays the value of that div, in the above case, it should show : Value 2

Any ideas?

Don't use the same ID for multiply elements: id="element"

Andreas Louv
– Andreas Louv

2016-05-08 13:25:32 +00:00
Commented May 8, 2016 at 13:25 — Andreas Louv
– Andreas Louv, Commented May 8, 2016 at 13:25
@andlrc I have a for loop that prints the same element ID

Folky.H
– Folky.H

2016-05-08 13:26:32 +00:00
Commented May 8, 2016 at 13:26 — Folky.H
– Folky.H, Commented May 8, 2016 at 13:26

Tyr · Accepted Answer · 2016-05-08 13:26:28Z

1

First: don't use the same id for multiple elements.

Second: give the element as parameter: updateElementWidthValue(this).

The function is:

function updateElementWithValue(element) { 
    alert('This is element: ' + element.innerHTML);
}

answered May 8, 2016 at 13:26

Tyr

2,7561 gold badge15 silver badges21 bronze badges

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

2 Comments

Andreas Louv Over a year ago

You might tell a little about node.addEventListener('click', ...);

PacMan Over a year ago

this will always get value1 because he is putting the same id for the DOM element

Collectives™ on Stack Overflow

JavaScript - print the element value

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related