javascript如何判斷元素是否具有指定屬性

admin發表於2017-03-31
JavaScript

下面介紹一下如何利用原生javascript判斷元素是否具有指定的屬性。

程式碼例項如下:

[HTML] 純文字檢視 複製程式碼
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="renderer" content="webkit">
<link id="antzone" rel="Stylesheet" type="text/css"/> 
<title>螞蟻部落</title>
<script> 
window.onload=function(){
  var divs=document.getElementsByTagName("div");
  for(var index=0;index<divs.length;index++){
    if(divs[index].getAttribute("prop")!=null){
      divs[index].innerHTML="元素具有prop屬性";
    }
    else{
      divs[index].innerHTML="元素不具有prop屬性";
    }
  }
}
</script>
</head>
<body>
<div prop="softwhy"></div>
<div prop=""></div>
<div prop></div>
<div></div>
</body>
</html>

上面的程式碼實現了判斷功能，當元素具有指定屬性，無論是否具有屬性值，還是屬性值為空，getAttribute()方法的返回值都不為null，當沒有指定的屬性的時候，此方法的返回值是null。

關於getAttribute()方法可以參閱javascript getAttribute()用法一章節。

相關文章