in javascript do, what is correct way to get FORM name?

Question

in a form, form.name will usually return the form's name, but will not if the form has an element named "name"

var f = document.createElement('form');
f.hasAttribute('name');                   // false
f.name = 'abc';
f.getAttribute('name');                   // "abc"

var i = document.createElement('input');
i.name = 'name';

f.appendChild(i);
f.name;                                   // HTMLInputItem
f.getAttribute('name')                    // "abc"
f.name = 'efg';
f.name;                                   // HTMLInputItem
f.getAttribute('name')                    // "efg"

from this exercise, it seems that a FORM's name property is really its attribute.

this behavior is drastically different from value

var i1 = document.createElement('input');
var i2 = document.createElement('input');

// test value
i1.setAttribute('value','value1');
i1.getAttribute('value');                  // value1
i1.value = 'value2';
i1.getAttribute('value');                  // value1

i2.value = 'value1';
i2.hasAttribute('value')                   // false

// test name
i.setAttribute('name','name1');
i.getAttribute('name');                   // name1
i.name = 'name2';
i.getAttribute('name');                   // name2

i2.name = 'name1';
i2.hasAttribute('name')                   // true

value uses its attribute as a default, whereas form.name is a method that first tries elements having element.name='name' and then uses the attribute('name')

jAndy · Accepted Answer · 2011-08-09 09:25:49Z

3

There is confusion about when and how to access those kind of "special propertys" from a DOMElement object. Like .name, .value, .tabIndex, etc. The direct object access comes from the old days and works just fine in all major browsers. So basically there is nothing wrong by calling

form.name

But as you mentioned, there might be some trouble if there are named child nodes. The W3C recommends to always use the .setAttribute() / .getAttribute() methods. In this particular instance its probably the best advice to give. On other occasions I'd still go with the direct access since it's just so much less to write and also convinient to me.

answered Aug 9, 2011 at 9:25

jAndy

237k57 gold badges313 silver badges363 bronze badges

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

3 Comments

cc young Over a year ago

set/getAttribute would be appropriate for name, but not for value, right?

cc young Over a year ago

the problem with form.name is that it is not guaranteed to work - a little feature that took some time to track down.

thdoan Over a year ago

If you have <input name="name"> within the form, then form.name won't return what you expect.

Logesh Kumar · Accepted Answer · 2011-08-09 09:46:28Z

0

If you wants to get the form name

var names[] = document.getElementsByTagName('form').getAttribute('name');

(or)

var name = document.getElementById('form_id').getAttribute('name');

answered Aug 9, 2011 at 9:46

Logesh Kumar

1

1 Comment

Grant Gryczan Over a year ago

That first line isn't JavaScript. Instead you would probably map the array of elements by their "name" attribute, rather than trying to access a getAttribute method on the array.

Collectives™ on Stack Overflow

in javascript do, what is correct way to get FORM name?

2 Answers 2

3 Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related