如何在 JavaScript 中單擊時從類別中提取資料屬性？

JavaScript 中的事件監聽器和基於類別的屬性提取

在JavaScript 中，向元素添加事件監聽器對於與DOM 交互至關重要。在本例中，您的目標是在按一下時從類別中檢索屬性。以下程式碼示範了該方法：

var elements = document.getElementsByClassName("classname");

var myFunction = function() {
    var attribute = this.getAttribute("data-myattribute");
    alert(attribute);
};

for (var i = 0; i < elements.length; i++) {
    elements[i].addEventListener('click', myFunction, false);
}

此程式碼選擇類別名為「classname」的元素，將它們指派給名為 elements 的類似陣列的對象，然後循環存取這些元素。對於每個元素，都會為「click」事件新增一個事件偵聽器，當按一下元素時，該事件會觸發 myFunction 函數。在此函數中， getAttribute 方法會擷取點擊元素的「data-myattribute」值，並顯示包含該屬性值的警報。

請記住，getElementsByClassName 傳回一個類似陣列的對象，而不是陣列。因此，需要循環遍歷每個元素並單獨新增事件監聽器。

以上是如何在 JavaScript 中單擊時從類別中提取資料屬性？的詳細內容。更多資訊請關注PHP中文網其他相關文章！