How can i access ionic html tags inside my JS file

I want to change the value of ion-nav-button (side), button(menu-toggle) and ion-side-menu(side) from LEFT to RIGHT. how can i do this?

Here is my Code:

 <ion-nav-buttons id="navButton" side="left">
    <button id="toggleButton" class="button button-icon button-clear ion-navicon" menu-toggle="left">
    </button>
  </ion-nav-buttons>

and

<ion-side-menu id="sideMenuId" side="left">

I want to change the values of above mentioned from left to right on button click.

Have you tried to bind side attribute to a value in your controller?

<ion-nav-buttons id="navButton" side="{{side}}">

and assign $scope.side in your controller’s ng-click function.

Yes, i have tried, but its not working.

Actually i am working on English and Arabic languages. There is button in my application for language, and if user selects Arabic language, Side Menu should appear from right. Please check my below code

menu.html

  <ion-nav-buttons id="navButton" side="left">
    <button id="toggleButton" class="button button-icon button-clear ion-navicon" menu-toggle="left" ng-click="showMenu()">
    </button>
  </ion-nav-buttons>
</ion-nav-bar>
<ion-nav-view name="menuContent"></ion-nav-view>

NavCtrl.js

 app.controller('NavCtrl', function($scope, $ionicSideMenuDelegate , $translate) {
 
  $scope.showMenu = function () {
  
   $ionicSideMenuDelegate.toggleLeft();
  
  console.log("---testing NavCtrl 1: " + $translate.use());
        if($translate.use() == 'ar'){
             console.log("---testing NavCtrl 2: " + $translate.use());
                $ionicSideMenuDelegate.toggleRight();
            }else {
                 console.log("---testing NavCtrl 3: " + $translate.use());
                $ionicSideMenuDelegate.toggleLeft();  };});

i have tried to achieve this with this code. but its not working.