使用javascript在单击时显示按钮类名称

Eth*_*hen 1 html javascript css

嗨,我有一个要求,我需要显示使用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>
Run Code Online (Sandbox Code Playgroud)

Aru*_*hny 7

您可以使用的className 属性中的DOM元素来获取类名。

<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);
}
Run Code Online (Sandbox Code Playgroud)

演示:小提琴