Home/ Questions/Q 8327527
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-09T01:08:28+00:00

i have a small problem in my code when i try to update the

  • 0

i have a small problem in my code when i try to update the value in the variable “a” to class attribute of label tag. Can anyone help me out. here is my code

<html>
<head>
<style>
label.visible {visibility:visible}
label.hidden {visibility:hidden}
</style>
<script type="text/javascript">
var a;
function doset()
{
a="hidden";
alert(a);
return a;
}
</script>
</head>
<body>
<form>
<label class=visible>Hello</label>
<button onclick="doset()">v</button><br>
<label class=a>Hello1</label><br>
<label class=a>Hello2</label><br>
<label class=a>Hello3</label><br>
<label class=a>Hello4</label><br>
<label class=a>Hello5</label><br>
</form>
</body>
</html>

Here is the fiddle : http://jsfiddle.net/M8CXN/

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    class=a

    This does not bind the class name to the javascript global variable a; they are different things in different contexts.

    If you want to manipulate classes you must do so via the DOM. The simplest way is to use a container;

    <div id="myItems">
   <label>Hello1</label><br>
   <label>Hello2</label><br>
   ...

    and

    function doset() {
   a="hidden";
   document.getElementById("myItems").style.visibility = a;   
   alert(a);
}

    called with

    <button onclick="doset(); return false;">v</button><br>
    • 0