Google Chrome Extension: addEventListener for created button

Question

JavaScript

'sidebar' is a div that is created by the content_script of my extension, it has a 'button' button in it, why doesn't the below code work?

var sidebar = document.getElementById('sidebar');
    if (sidebar && sidebar.addEventListener) {
      sidebar.addEventListener('click',
          function (element) {
            switch (element.id) {
              case 'button':
                alert('button');
                break;
            }
          }, false);
    }

Thanks for the help)

Answer 1

I'm sorry) I didn't understand)
the code problem was that the "element" variable stored the "MouseEvent" object, and not the html element object. To access it, you had to use "element.srcElement"
Actually replaced "element.id" with "element.srcElement.id" - everything became as it should)
Working code:

var sidebar = document.getElementById('sidebar');
    if (sidebar && sidebar.addEventListener) {
      sidebar.addEventListener('click',
          function (element) {
            switch (element.srcElement.id) {
              case 'button':
                alert('button');
                break;
            }
          }, false);
    }