Print angular element tag-name inside linking function

Question

Jsfiddle is here.

Inside my directive's linking function, i am trying to print the directive element's tag name as,

myApp.directive('myDirective', function () {
    return {
      link: function (scope, element, attrs) {
          element.append('<hr>you know, my tag name is ' + element.tagName)

         }
    }
})

It prints undefined whereas i expect the directive's tag name my-directive to be printed.

Answer 1

You should use this element[0].tagName