Проверить дом элемент, если он имеет свойство

Question

У меня есть этот элемент:

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

Как я могу проверить, если DIV имеет свойство «используется» = «используется»?

Я спрашиваю, как это сделать в javascript не в jQuery.

Answer 1

Вы можете проверить это с помощью функции getAttribute(attributeName),

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

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

Answer 2

Использование hasAttribute

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

Answer 3

Вы можете сделать проверку, как это:

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

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

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

Вы можете итерацию только DIV элементы с getElementByTagName

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