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>

输出：

将正文标签传递给_.isElement()函数：
在这种情况下，我们将“ body”标记作为参数传递给_.isElement()函数。由于我们知道“ body”标签是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('body')[0])); 
    </script> 
</body> 
   
</html>

输出：

将div标签传递给_.isElement()函数：
在这种情况下，我们将div标签作为参数传递给_.isElement()函数。由于我们知道div标签是DOM元素，因此输出为true。

<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()函数中使用和(&&)操作：
我们甚至可以使用2个_.isElement()函数来获取输出，如以下示例所示。首先，将计算两个答案，然后执行“与”运算。仅当两个答案均为真时，AND运算才为true；否则，答案为false。

<!-- 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()。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。