检查dom元素是否具有属性

Question

我有这个元素：

<div class="column" style="background: green;" used="used"></div>

如何检查div是否具有'used'property ='used'？

我在javascript中询问如何在jQuery中执行此操作。

Answer 1

使用hasAttribute

document.getElementById("divid").hasAttribute("used");

Answer 2

您可以使用getAttribute(attributeName)功能

进行检查

var elem = document.querySelector(".colum[user]");
var hasUsed = elem.getAttribute("used") == "used";

console.log(hasUsed); //  true/false

Answer 3

您可以这样检查：

＆＃13;

＆＃13;

if (document.getElementsByClassName("column")[0].getAttribute("used")=="used"){
    alert('it has the "used" property.')
}

＆＃13;

<div class="column" style="background: green;" used="used"></div>

＆＃13;

＆＃13;

＆＃13;

Answer 4

HTML DOM hasAttribute() Method

var elemArr = document.getElementsByClassName("column");
for(i = 0; i < elemArr.length; i++){
   if (elem[i].hasAttribute("used")){
      alert('it has the "used" property.');
   }
}

记住你正在处理一个类，并且可能存在于多个元素中......

Answer 5

您只能使用getElementByTagName

迭代div元素

    var divs = document.getElementsByTagName("div");
    for(var i = 0; i < divs.length; i++){
        if(divs[i].getAttribute("used") == "used"){
            alert(divs[i].id);
        }
    }