Open In App

AngularJS angular.isElement() Function

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Share
Report issue
Report

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>


Output:

 



Last Updated : 05 Sep, 2022
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads