underscore.js _.isElement()用法及代码示例

_.isElement() 函数：用于检查元素是否为文档对象模型。文档对象模型是 javascript 查看包含页面数据的方式。级联样式表 (CSS) 和 javascript (JS) 与文档对象模型 (DOM) 交互。

用法:

_.isElement(object)

参数：
它只需要一个参数，即需要检查的对象元素。

返回值：
如果它是 DOM 元素，则返回 true，否则返回 false。

例子：

将 html 标记传递给 _.isElement() 函数：
_.isElement() 函数获取元素并执行检查函数。它检查它是否是 DOM 元素。像这里一样，传递给 _.isElement() 函数的参数是 ‘html’ ，因为我们知道它是一个 DOM 元素，所以在输出中返回 true。


<!-- Write HTML code here -->
<html>
   
<head>
    <script src = 
    "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
     </script>
  
    <script src=
    "https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js">
    </script>
</head>
   
<body>
    <script type="text/javascript">
        console.log(_.isElement(jQuery('html')[0]));
    </script>
</body>
   
</html>

输出：

将 body 标签传递给 _.isElement() 函数：
在这种情况下，我们将 ‘body’ 标记作为参数传递给 _.isElement() 函数。因为，我们知道 ‘body’ 标签是一个 DOM 元素，所以输出为真。


<!-- Write HTML code here -->
<html>
   
<head>
    <script src = 
    "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
    </script>
  
    <script src=
    "https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js">
    </script>
</head>
   
<body>
    <script type="text/javascript">
        console.log(_.isElement(jQuery('body')[0]));
    </script>
</body>
   
</html>

输出：

将 div 标签传递给 _.isElement() 函数：
在这种情况下，我们将 ‘div’ 标记作为参数传递给 _.isElement() 函数。因为，我们知道 ‘div’ 标签是一个 DOM 元素，所以输出为真。


<html>
   
<head>
    <script src = 
    "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
    </script>
    <script src=
    "https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js">
    </script>
</head>
   
<body>
    <script type="text/javascript">
        console.log(_.isElement(_.isElement(jQuery('div')[0])));
    </script>
</body>
   
</html>

输出：

在 _.isElement() 函数中使用 and (&&) 操作：
我们甚至可以使用 2 个 _.isElement() 函数来获得输出，如下例所示。首先，将计算他们的两个答案，然后执行 ‘and’ 操作。只有当两个答案都为真时，AND 运算才会给出真，否则它将给出假作为答案。


<!-- Write HTML code here -->
  
<html>
   
<head>
    <script src = 
    "https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
     </script>
  
    <script src=
    "https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js">
    </script>
</head>
   
<body>
    <script type="text/javascript">
     console.log(_.isElement(jQuery('html')[0]) && _.isElement(jQuery('div')[0]));
     </script>
</body>
   
</html>

输出：

笔记：
这些命令在 Google 控制台或 Firefox 中不起作用，因为需要添加他们没有添加的这些附加文件。
因此，将给定的链接添加到您的 HTML 文件中，然后运行它们。
链接如下：


<!-- Write HTML code here -->
<script type="text/javascript" src =
"https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.9.1/underscore-min.js">
</script>
  
<?-- For jquery to work include the below script --?>
<script src=
"https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js">
</script>

一个例子如下所示：

相关用法

注：本文由纯净天空筛选整理自Sakshi98大神的英文原创作品 Underscore.js _.isElement() Function。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。