1

こんにちは、を使用してクリックされたボタンのクラス名を表示する必要があるという要件があります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>
4

3 に答える 3

7

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);
}

デモ:フィドル

于 2013-04-23T07:01:43.220 に答える
2

これはあなたが探しているものですか？

 window.onclick = function(e) {
     console.log(e); // then e.srcElement.className has the class
 }​

http://jsfiddle.net/M2Wvp/

https://stackoverflow.com/a/3774720/1172872

于 2013-04-23T07:04:15.580 に答える
1

のようにしてみてください

<button id="A" class="b" onclick="myFunction(this)">A</button>

クラス名にアクセスする

function myFunction(el)
{
    console.log(el.className);
}

ここにデモフィドルがあります

于 2013-04-23T07:04:12.440 に答える