javascript - شرح - الوصول إلى سمة "data-" بدون jQuery




javascript شرح (3)

هل يمكنني الوصول إلى سمة بيانات بدون jQuery؟

من السهل استخدام jQuery ، لكن لا يمكنني رؤية أي مكان لكيفية القيام بذلك بدون jQuery.

إذا كنت ابحث على Google "بدون jQuery" ، فإن كل ما أحصل عليه هو أمثلة jQuery.

هل هذا ممكن؟


أعتقد أنه يمكنك تجربة هذا:

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

او استعمل

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


html5doctor.com/html5-custom-data-attributes وجدت هذا المثال:

<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>

لذلك يبدو من الممكن جدا.





javascript