面试题：JavaScript中操作DOM的中等难度问题

Question

请描述如何使用JavaScript获取页面中所有class为'test'的元素，并为它们添加点击事件，在点击时弹出元素的文本内容。

Answer 1

// 使用document.querySelectorAll获取所有class为'test'的元素
const testElements = document.querySelectorAll('.test');

// 遍历这些元素并添加点击事件
testElements.forEach(element => {
    element.addEventListener('click', function() {
        // 弹出元素的文本内容
        alert(this.textContent);
    });
});