Adding onclick properties to each item in DOM object list in Javascript

Question

I'm trying to move away from jQuery for my everyday site functionality, and I'm having a little bit of trouble with the onclick event. I'd like to put together a function like jQuery's .click(), but simply using document.getElementsByTagName and adding a func onclick won't work.

The question then is how would one add a single function to fire onclick to all elements in the list object returned by querying document.getElementsByTagName('h4')

EDIT: Just in case someone finds this and would like some code, here's what I did:

var headings = document.getElementsByTagName('h4')
    
for (var g in headings) {
    headings[g].onclick = function() {
        //code
    }
}

mineichen · Accepted Answer · 2012-10-08 08:24:50Z

1

You need to loop through the list and pass the event to each item. I think there is no simpler way to do this, expect you need a library like jQuery or you write your own eventManager...

answered Oct 8, 2012 at 8:24

mineichen

5502 silver badges11 bronze badges

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

Collectives™ on Stack Overflow

Adding onclick properties to each item in DOM object list in Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related