AngularJS angular.isElement()函数

AngularJS angular.isElement()函数

AngularJS中的angular.isElement()函数是用来确定isElement函数中的参数是否是一个HTML DOM元素。如果引用是一个DOM元素,它返回真,否则返回假。

语法:

angular.isElement(value)

参数:

  • value:它用于验证传递的参数是否是一个HTML DOM元素。

返回值:它返回一个布尔值,即,如果传递的值是一个HTML DOM元素,则返回true,否则返回false

例子:这个例子说明了AngularJS中**angular.isElement()函数的使用。

<!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>

输出:

AngularJS angular.isElement()函数

例子2:这是另一个例子,描述了AngularJS中的angular.isElement()函数,通过检查输入值是否是HTML DOM元素。

<!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>

输出:

AngularJS angular.isElement()函数

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程