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()。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。