show button class name on click using javascript

Question

Hi i have a requirement where i need to show the class name of button which has been clicked using java script. there are many buttons with different class names.Any suggestion?

<!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>

Is this is what you are looking for ? stackoverflow.com/a/3774720/1172872 — sk8terboi87 ツ
– sk8terboi87 ツ, Commented Apr 23, 2013 at 7:03

Arun P Johny · Accepted Answer · 2013-04-23 07:06:50Z

7

You can use the className property of the dom element to get the class name.

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

Demo: Fiddle

edited Apr 23, 2013 at 7:06

answered Apr 23, 2013 at 7:01

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Community · Accepted Answer · 2017-05-23 10:25:42Z

2

Is this is what you are looking for ?

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

http://jsfiddle.net/M2Wvp/

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

edited May 23, 2017 at 10:25

CommunityBot

11 silver badge

answered Apr 23, 2013 at 7:04

sk8terboi87 ツ

3,4573 gold badges36 silver badges45 bronze badges

Comments

Mithun Satheesh · Accepted Answer · 2013-04-23 07:04:12Z

1

try like

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

and to access the classname

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

here is a demo fiddle

answered Apr 23, 2013 at 7:04

Mithun Satheesh

27.9k14 gold badges80 silver badges103 bronze badges

Collectives™ on Stack Overflow

show button class name on click using javascript

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related