What is the difference between setAttibute, getAttribute and hasAttribute?

Question

What is the difference between setAttibute, getAttribute and hasAttribute?

Navigation

#1 by (3 votes)

0

hasAttribute is the evolution of getAttribute and setAttibute ? I am learning JavaScript but I am in doubt about what each one does, getAttribute I know it takes an attribute, seAttribute I know that arrow an attribute and hasAttribute I do not quite understand what it does .. .

javascript

asked by anonymous 22.09.2018 / 03:11

1 answer

Laravel 5 - TokenMismatchException in VerifyCsrfToken.php line 67. How to solve this without using the FORM class? Is there performance difference between ng-bind and {{}} (interpolation)?

score 3 · Accepted Answer

No, it's different things:

hasAttribute returns a boolean, stating whether a attribute exists in element;
getAttribute returns the value of an attribute;
setAttribute assigns the value to an attribute;

See the example:

var e = document.getElementById("elemento"); 


// retorna false, atributo xxx não foi definido
console.log(e.hasAttribute("xxx"));
// aqui define o atributo xxx
e.setAttribute("xxx","qualquer coisa");
// agora retorna true porque xxx foi definido
console.log(e.hasAttribute("xxx"));
// retorna o valor de xxx
console.log(e.getAttribute("xxx"));
// retorna true porque o atributo mensagem foi definido no elemento
console.log(e.hasAttribute("mensagem"));
// retorna o valor de mensagem
console.log(e.getAttribute("mensagem"));

<span id="elemento" mensagem="olá">Um elemento span</span>