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:

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>