Getting value from different div is pressed

Question

I am trying to get the value from a div pressed. It works if I use id but not class, and I don't want to spam the same line with minor differences. I want to keep the code minimal and I am new to js.

user_6649786 · Answer

getElementsByClassName returns a nodelist. To retrieve some value for the clicked element, pass this to the function call. Also value only works with input elements. To get the value property from a div, use getAttribute("value").

function test(el) {
  alert(el.getAttribute("value"));
}

1
2

user_11977929 · Answer

You can use event object to realize which element has pressed (event.target), then get any attribute from the pressed element.

function test(event) {
  const value = event.target.getAttribute('value');
  alert(value)
}

1
2

user_2042216 · Answer

Another possibility is to use an event handler. You no longer need the click event in your HTML element.

var elems = document.querySelectorAll(".h"); //Get all elements with class "h"

elems.forEach(function(el) {
  el.addEventListener("click", function() { //Add Event Listener to element
    alert(this.getAttribute("value")); //Read and output attribute
  })
});

1
2

Getting value from different div is pressed

3 Answers