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

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

document.getElementsByAttributeName("property");

document.querySelectorAll('[property]'); // All with attribute named "property"
document.querySelectorAll('[property=value]'); // All with "property" set to "value" exactly.

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

var withProperty = [],
    els = document.getElementsByTagName('span'), // or '*' for all types of element
    i = 0;

for (i = 0; i < els.length; i++) {
    if (els[i].hasAttribute('property')) {
        withProperty.push(els[i]);
    }
}

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

Array.prototype.filter.call(
    document.getElementsByTagName('span'),
    function(el) {return el.getAttribute('property') == 'v.name';}
);

Array.prototype.filter.call(
    document.getElementsByTagName('span'),
    (el) => el.getAttribute('property') == 'v.name'
)

$.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;
}

element.getAttribute(attributeName);

var wrap = document.getElementById("wrap");
var myattr = wrap.getAttribute("title");

$$('span[property=v.name]');

document.body.select('span[property=v.name]');