Set input class using JS

Question

Got the following JS code.

<script language="javascript">
fields = 0;
pNR = 0;
err=0;
function addInput() {
    if (fields != 40) {
        var firstInput = document.createElement("input");
        var secondInput = document.createElement("input");

        firstInput.type = secondInput.type = "text";
        firstInput.name = "firstfield" + pNR;
        secondInput.name = "secondfield" + pNR;


        var text = document.getElementById("text");
        text.appendChild(firstInput);
        text.appendChild(secondInput);
        text.appendChild(document.createElement("br"));
        fields += 1;
        pNR += 1;
    } else ...

</script>

I want to set a class for each tag created. The class should be the name of the field and "required":class="firstfield0 required"`

Satpal · Accepted Answer · 2014-01-01 16:11:12Z

2

You can use Element.className, it gets and sets the value of the class attribute of the specified element.

firstInput.className = "firstfield0 required";

answered Jan 1, 2014 at 16:11

Satpal

134k13 gold badges168 silver badges171 bronze badges

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

1 Comment

RazvanZ Over a year ago

Uhh, I was using firstInput.class . Problem solved. Thank you!

Collectives™ on Stack Overflow

Set input class using JS

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related