AngularJS angular.isElement() Function

Last Updated : 05 Sep, 2022

The angular.isElement() Function in AngularJS is used to determine if the parameter inside isElement function is a HTML DOM element or not. It returns true if the reference is a DOM element or else false.

Syntax:

angular.isElement(value)

Parameter:

value: It is used to validate whether the passed argument is an HTML DOM element or not.

Return Value: It returns a boolean value, i.e, returns true if the value passed is an HTML DOM element or else returns false.

Example: This example illustrates the use of the angular.isElement() Function in AngularJS.

HTML

<!DOCTYPE html> 
<html> 
  
<head> 
    <script src= 
"//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"> 
    </script> 
    <title>angular.isElement()</title> 
</head> 
  
<body ng-app="testApp" style="text-align:center"> 
    <h1 style="color:green"> 
        GeeksforGeeks 
    </h1> 
    <h2>angular.isElement()</h2> 
    <div ng-controller="geek"><br> 
    <b>Input1:</b> 
        <code> 
            {'destroy': true, 'create': false} 
        </code> 
        <br> 
        <b>isElement:</b> {{ isElement1 }} 
        <br><br><br> 
        <b>Input2:</b>  
        <code> 
            window.getElementByID('myButton') 
        </code> 
        <br> 
        <b>isElement:</b> {{ isElement2 }} 
        <br><br> 
        <button id="myButton"> Button</button> 
    </div> 
    <script> 
        var app = angular.module('testApp', []); 
        app.controller('geek', function($scope) { 
            $scope.obj1 = { 
                'destroy': true, 
                'create': false 
            }; 
            $scope.obj2 = document.getElementById('myButton'); 
            $scope.isElement1 = angular.isElement($scope.obj1); 
            $scope.isElement2 = angular.isElement($scope.obj2); 
        }); 
    </script> 
</body> 
</html>

Output:

isElement

Example 2: This is another example that describes the angular.isElement() Function in AngularJS, by checking both the input values whether it is HTML DOM element or not.

HTML

<!DOCTYPE html> 
<html> 
  
<head> 
    <script src= 
"//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"> 
    </script> 
    <title> angular.isElement() </title> 
</head> 
  
<body ng-app="testApp" style="text-align:center"> 
    <h1 style="color:green">GeeksforGeeks</h1> 
    <h2>angular.isElement()</h2> 
    <div ng-controller="geek"><br>  
        <b>Input1:</b> 
        <code> 
            ["DSA", "Algo", "Web Tech"] 
        </code><br>  
        <b>isElement:</b> {{ isElement1 }} 
        <br><br><br> 
        <b>Input2:</b> 
        <code> 
            window.getElementByID('myDiv') 
        </code><br>  
        <b>isElement:</b> {{ isElement2 }} 
        <br><br> 
        <div id="myDiv">Div element</div> 
    </div> 
    <script> 
        var app = angular.module('testApp', []); 
        app.controller('geek', function($scope) { 
            $scope.obj1 = ["DSA", "Algo", "Web Tech"]; 
            $scope.obj2 = document.getElementsByClassName('division'); 
            $scope.isElement1 = angular.isElement($scope.obj1); 
            $scope.isElement2 = angular.isElement($scope.obj2); 
        }); 
    </script> 
</body> 
</html>