Open In App

Backbone.js attributes Model

Last Updated : 26 Jun, 2022
Improve
Improve
Like Article
Like
Save
Share
Report

The Backbone.js attributes model is used to define the property of the given model and uses the update/change the attributes using set() method.

Syntax:

Backbone.Model.attributes

Parameters: It does not accept any parameter.

Example 1: In this example, we will set the book with 1 attribute using the set() method and return 1 attribute using the get() method. The set() method performs a smart update of the collection with a set of items in the model while get() method is used to retrieve a model from a collection.

HTML




<!DOCTYPE html>
<html>
  
<head>
  
        type="text/javascript"></script>
    <script src=
        type="text/javascript"></script>
    <script src=
        type="text/javascript"></script>
</head>
  
<body>
    <script type="text/javascript">
        var Books = Backbone.Model.extend();
        var book = new Books();
        book.set({ bookid: 23 });
        document.write('bookid: ', book.get('bookid'));
    </script>
</body>
  
</html>


Output:

bookid: 23

Example 2: In this example, we will set the book with 3 attributes using the set() method and return 3 attributes one by one using the get() method.

HTML




<!DOCTYPE html>
<html>
  
<head>
        type="text/javascript"></script>
    <script src=
        type="text/javascript"></script>
    <script src=
        type="text/javascript"></script>
</head>
  
<body>
    <script type="text/javascript">
        var Books = Backbone.Model.extend();
        var book = new Books();
        book.set({ bookid: 23, price: 678, book_name: "css" });
        document.write('bookid: ', book.get('bookid'));
        document.write("<br>");
        document.write('price: ', book.get('price'));
        document.write("<br>");
        document.write('book_name: ', book.get('book_name'));  
    </script>
</body>
  
</html>


Output:

bookid: 23
price: 678
book_name: css

Reference: https://backbonejs.org/#Model-attributes



Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads