jQuery없이 'data-'속성에 액세스

jQuery없이 'data-'속성에 액세스

---

jQuery없이 데이터 속성에 액세스 할 수 있습니까?

jQuery를 사용하는 것은 쉽지만 jQuery 없이는 방법을 어디에서도 볼 수 없습니다.

'jQuery없이'Google에서 검색하면 jQuery 예제 만 표시됩니다.

가능할까요?

---

에 여기에 나는이 예제를 발견 :

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

그래서 그것은 매우 가능해 보일 것입니다.

---

데이터 셋 속성을 사용할 수 있습니다 . 에서와 같이 :

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

---

그것은 단지 속성 일뿐입니다 ... getAttribute다른 속성과 마찬가지로 사용 : https://developer.mozilla.org/en/docs/DOM/element.getAttribute

아니면 질문의 요점을 놓치고 있습니까?

---

나는 당신이 이것을 시도 할 수 있다고 생각합니다.

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

또는 사용

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

참고 URL : https://stackoverflow.com/questions/15912246/access-data-attribute-without-jquery