js根据class获取id

// 假设HTML中有如下元素：
// <div class="example" id="element1"></div>
// <div class="example" id="element2"></div>

// 获取所有具有'class'为'example'的元素
var elements = document.getElementsByClassName('example');

// 遍历这些元素并打印它们的ID
for (var i = 0; i < elements.length; i++) {
    console.log(elements[i].id); // 输出: element1, 然后是 element2
}

// 假设HTML中有如下元素：
// <div class="example" id="element1"></div>
// <div class="example" id="element2"></div>

// 获取所有具有'class'为'example'的元素
var elements = document.querySelectorAll('.example');

// 遍历这些元素并打印它们的ID
elements.forEach(function(element) {
    console.log(element.id); // 输出: element1, 然后是 element2
});

// 获取第一个具有'class'为'example'的元素
var firstElement = document.querySelector('.example');

if (firstElement) {
    console.log(firstElement.id); // 输出第一个元素的ID
}