Changing attributes values of HTML elements with JavaScript [duplicate]

Question

I know you can change almost any attribute value of an HTML elements with JavaScript. The tricky one is the name attribute. Is it possible to change with JavaScript? I have read on the internet is a readonly attribute, and you may change in some browsers but not in others. Can anyone clarify me this matter?

Thanks!

This is a great answer on this - stackoverflow.com/questions/1362513/… — Mark Walters
– Mark Walters, Commented Feb 19, 2014 at 11:25

rzkio · Accepted Answer · 2014-02-19 11:26:34Z

0

You can

<input id="a" name="aName"/>
<script type="text/javascript">
        var a = document.getElementById('a');
        a.name = 'newName';
        alert(a.name);
</script>

answered Feb 19, 2014 at 11:26

rzkio

2982 silver badges8 bronze badges

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

Comments

Shiva · Accepted Answer · 2014-02-19 12:01:30Z

-1

You can use Jquery to change the name attribute in the following way

$("selector").attr('name', 'newName');

or using pure javascript you can use something like:

document.getElementById('someId').name = 'someName';

or alternately you can use the setAttribute() function too ,but please note its not supported in IE 8 and below.

the code will be something like this

document.getElementById('someId').setAttribute("name","someName");

Name attribute is not Read-Only, you can read the specifications here

edited Feb 19, 2014 at 12:01

answered Feb 19, 2014 at 11:23

Shiva

6,9034 gold badges40 silver badges65 bronze badges

Collectives™ on Stack Overflow

Changing attributes values of HTML elements with JavaScript [duplicate]

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related