AngularJS isElement () 函数：检测是否为 HTML DOM 元素
发布日期 ： 2022-11-08 17:26:13 UTC
访问量： 10 次浏览
AngularJS angular.isElement() 函数
AngularJS 中的 angular.isElement() 函数是用来确定传递的参数是否是一个 HTML DOM 元素。如果引用是一个 DOM 元素，它返回真（true），否则返回假（false）。
语法
angular.isElement(value)
参数
value：它用于验证传递的参数是否是一个 HTML DOM 元素。
返回值
它返回一个布尔值，即如果传递的值是一个 HTML DOM 元素，则返回 true，否则返回 false。
示例 1
这个例子说明了 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>
输出：
示例 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>
document.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.getElementById('myDiv');
$scope.isElement1 = angular.isElement($scope.obj1);
$scope.isElement2 = angular.isElement($scope.obj2);
});
</script>
</body>
</html>
输出：
