javascript - Standard Properties and Methods on HTML elements does not work with FullCalendar 'element' -

i'm working jquery fullcalendar , tried use call function eventrender , call element.getattribute() in code sample.

but says uncaught typeerror: object [object object] has no method 'getattribute'

why happening ? this standard properties , methods on html elements not work element object. the fullcalendar documentation says element newly created jquery <div> used rendering. has been populated correct time/title. can't call methods , properties on element

code :

<script>  $(document).ready(function() {      var date = new date();     var d = date.getdate();     var m = date.getmonth();     var y = date.getfullyear();      $('#calendar').fullcalendar({         editable: true,         events: [             {             title: 'first',             start: new date(2014, 1, 24, 8),             end: new date(2014, 2, 3, 8)             },             {                 title: 'second',                 start: new date(2014, 2, 3, 8),                 end: new date(2014, 2, 10, 8)             }         ],         eventrender: function(event, element) {                               alert(element.getattribute("id"));                        },         eventafterrender : function(event, element) {                 alert(element.getattribute("id"));                                },         eventafterallrender: function(event, element) {                 alert(element.getattribute("id"));                                }      });  }); 

thanks in advance..

because element not dom element reference, jquery object need use .attr()

element.attr('id') 

demo: fiddle

---

or can access actual dom element using element[0] or element.get(0)