Obtenir des éléments HTML par leurs noms d'attribut

Question

Il existe des méthodes disponibles en JavaScript pour obtenir des éléments HTML en utilisant leur ID, leur classe et leur balise.

 document.getElementByID(*id*);
document.getElementsByClassName(*class*);
document.getElementsByTagName(*tag*);

Existe-t-il une méthode disponible pour obtenir les éléments en fonction du nom de l'attribut.

EX:

 <span property="v:name">Basil Grilled Tomatoes and Onions</span>

Comme:

 document.getElementsByAttributeName("property");

Answer 1

Vous pouvez utiliser querySelectorAll :

     document.querySelectorAll('span[property=name]');

Answer 2

En jQuery, c'est ainsi :

 $("span['property'=v:name]"); // for selecting your span element

Answer 3

Je pense que vous voulez jeter un œil à jQuery car cette bibliothèque Javascript fournit de nombreuses fonctionnalités que vous voudrez peut-être utiliser dans ce genre de cas. Dans votre cas, vous pourriez écrire (ou en trouver une sur Internet) une méthode hasAttribute, comme ceci (non testé):

 $.fn.hasAttribute = function(tagName, attrName){
  var result = [];
  $.each($(tagName), function(index, value) { 
     var attr = $(this).attr(attrName); 
     if (typeof attr !== 'undefined' && attr !== false)
        result.push($(this));
  });
  return result;
}