如果有许多div具有相同的函数，如何使用函数调用div的属性值？

// HTML
<div id="div1" onclick="handleClick(this)">Div 1</div>
<div id="div2" onclick="handleClick(this)">Div 2</div>
<div id="div3" onclick="handleClick(this)">Div 3</div>

// JavaScript
function handleClick(div) {
  var divId = div.id;
  // 使用divId进行后续操作
  console.log(divId);
}

// HTML
<div id="div1">Div 1</div>
<div id="div2">Div 2</div>
<div id="div3">Div 3</div>

// JavaScript (jQuery)
$(document).ready(function() {
  $('div').click(function() {
    var divId = $(this).attr('id');
    // 使用divId进行后续操作
    console.log(divId);
  });
});

// HTML
<div class="myDiv">Div 1</div>
<div class="myDiv">Div 2</div>
<div class="myDiv">Div 3</div>

// JavaScript
var divList = document.querySelectorAll('.myDiv');
for (var i = 0; i < divList.length; i++) {
  divList[i].addEventListener('click', function() {
    var divId = this.id;
    // 使用divId进行后续操作
    console.log(divId);
  });
}