如题，如何获取点击的div的值，点哪个获取哪个，页面有很多div我想点到哪个就获取哪个div的值或它的class名
原生吗？还是可以用jq
原生javascript 不需要引用jq
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>页面有很多div我点击某个就能获取点击的div的值</title>
<style type="text/css">
body div {
padding: 10px;
border: 1px solid red;
width: 100px;
margin: 5px auto;
display: inline-block;
}
</style>
</head>
<body>
<div id="id1">divid1</div>
<div class="css1">divcss1</div>
<div id="di2">divdi2</div>
<div class="css2">divcss2</div>
<div id="id3">divid3</div>
<div class="css3">divcss3</div>
<div id="id4">divid4</div>
<div class="css4">divcss4</div>
</body>
<script>
var divbtn = document.getElementsByTagName('div');
for (var i = 0; i < divbtn.length; i++) {
divbtn[i].onclick = function() {
console.log(this.innerHTML);
}
}
</script>
</html>
window.addEventListener("click", function(e){
//e.target 点击的对象
if (e.target && e.target.tagName == 'div') {
//点击后做的事情
}
});
<div onclick="getval(this)">这里是div</div>
js：
function getval(obj){
console.log(obj)
console.log($(obj).text())
console.log($(obj).attr("class"))
}