Greifen Sie auf das Attribut 'data-' ohne jQuery zu

Kann ich auf ein data - Attribut ohne jQuery?

Einfach mit jQuery, aber ich kann nicht sehen, überall, wie es zu tun, ohne jQuery.

Wenn ich Suche auf Google 'ohne jQuery' alles, was ich bekommen ist jQuery Beispiele.

Ist es überhaupt möglich?

InformationsquelleAutor der Frage user2143356 | 2013-04-09

  1. 82

    Auf hier fand ich dieses Beispiel:

    <div id='strawberry-plant' data-fruit='12'></div>
<script>
    //'Getting' data-attributes using getAttribute
    var plant = document.getElementById('strawberry-plant');
    var fruitCount = plant.getAttribute('data-fruit'); //fruitCount = '12'
    //'Setting' data-attributes using setAttribute
    plant.setAttribute('data-fruit', '7'); //Pesky birds
</script>

    Also scheint es machbar.

    InformationsquelleAutor der Antwort fredrik

  2. 23

    Könnten Sie die dataset Attribut. In: 

    element = document.getElementById("el");
alert(element.dataset.name); //element.dataset.name == data-name

    InformationsquelleAutor der Antwort tomor

  3. 2

    Es ist nur ein Attribut ... verwenden getAttribute wie bei jedem anderen Attribut : https://developer.mozilla.org/en/docs/DOM/element.getAttribute

    Oder übersehe ich den Punkt deiner Frage.

    InformationsquelleAutor der Antwort drquicksilver

  4. 0

    Ich denke, Sie können versuchen, diese:

    var ele = document.getElementById("myelement");
if (ele.hasOwnProperty("data")) {
  alert(ele.data);
}

    ODER verwenden Sie

    alert(ele['data-property']);

    InformationsquelleAutor der Antwort asim-ishaq

Schreibe einen Kommentar