Backbone.js view.el()

The Backbone.js View el method defines the element that is used as the view reference. this.el is created from the view's tagName, className, id and attributes properties, if specified. If not, el is an empty div.

Syntax:

Let's take an example.

See this example:

  <!DOCTYPE html>
   <head>
      <title>View el Example</title>
         <script src="https://code.jquery.com/jquery-2.1.3.min.js" type="text/javascript"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.2/underscore-min.js" type="text/javascript"></script>
         <script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.1.2/backbone-min.js" type="text/javascript"></script>
   </head>
      <script type="text/javascript">
         ViewDemo = Backbone.View.extend({
            initialize: function(){
               document.write("el property is defined..");
             }
         });
         var viewdemo = new ViewDemo({ el: $("myapp") });
      </script>
   <body>
       <div id="myapp"></div>
   </body>
</html>

Test it Now

Output:

Save the above code in el.html file and open this file in a new browser. .