嗨，我有一个要求，我需要显示已使用单击的按钮的类名java script。有很多不同类名的按钮。有什么建议吗？
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function myFunction()
{
var container = document.getElementById(id);
alert (container);
}
</script>
</head>
<body>
<button class="A" id="A" onclick="myFunction()">A</button>
<button class="B" id="B" onclick="myFunction()">B</button>
<button class="C" id="C" onclick="myFunction()">C</button>
<button class="D" id="D" onclick="myFunction()">D</button>
</body>
</html>
您可以使用dom 元素的className 属性来获取类名。
<button class="A" onclick="myFunction(this)">A</button>
<button class="B" onclick="myFunction(this)">B</button>
<button class="C" onclick="myFunction(this)">C</button>
<button class="D" onclick="myFunction(this)">D</button>
function myFunction(el) {
alert (el.className);
}
演示：小提琴
这就是你要找的吗？
window.onclick = function(e) {
console.log(e); // then e.srcElement.className has the class
}
试试看
<button id="A" class="b" onclick="myFunction(this)">A</button>
并访问类名
function myFunction(el)
{
console.log(el.className);
}
这是一个演示小提琴