8 examples of 'queryselector data attribute' in JavaScript

59
function getDataAttribute(element, name) {
60
    if ('dataset' in element) {
61
        return element.dataset[name];
62
    } else {
63
        return element.getAttribute('data-' + hyphenize(name));
64
    }
65
}

144
function data (node, attr) {
145
  return node.getAttribute('data-' + attr)
146
}

275
function getDataAttribute( element, attribute ) {
276
	if ( supportsDataset ) {
277
		return element.dataset[attribute];
278
	}
279
	else {
280
		return element.getAttribute( 'data-' + attribute );
281
	}
282
}

44
function dataAttr( el, attr ) {
45
    var data = el.getAttribute( 'data-' + attr );
46
47
    try {    // JSON.parse可能报错
48
49
        // 当data===null表示，没有此属性
50
        data = data === null ? undefined : data === 'true' ? true :
51
                data === 'false' ? false : data === 'null' ? null :
52
53
                // 如果是数字类型，则将字符串类型转成数字类型
54
                +data + '' === data ? +data :
55
                /(?:\{[\s\S]*\}|\[[\s\S]*\])$/.test( data ) ?
56
                JSON.parse( data ) : data;
57
    } catch ( ex ) {
58
        data = undefined;
59
    }
60
61
    return data;
62
}

491
getData(el, name: string): string { return this.getAttribute(el, 'data-' + name); }

195
function data(el, prop, value) {
196
  var prefix = 'data';
197
  var elData = el[prefix] || {};
198
  if (typeof value === 'undefined') {
199
    if (el[prefix] && el[prefix][prop]) {
200
      return el[prefix][prop];
201
    } else {
202
      var dataAttr = el.getAttribute(prefix + '-' + prop);
203
      if (typeof dataAttr !== 'undefined') {
204
        return dataAttr;
205
      }
206
      return null;
207
    }
208
  } else {
209
    elData[prop] = value;
210
    el[prefix] = elData;
211
    return el;
212
  }
213
}

444
public getAttribute(node: N, name: string) {
445
    return "";
446
}

47
getAttribute(name) {
48
  if (name == "style") {
49
    return this.root.getAttribute("style");
50
  }
51
  return this[ATTRIBUTE_SYMBOL][name]
52
}