input name属性的问题

Question

my_form = document.getElementById("my_form");
alert(my_form.my_var.value);
alert(my_form.user_name.value);
<form id="my_form">
<input type="text" name="user_name" value="" />
<input type="submit" name="submit" value="try" />
</form>
[/code]
如上，为什么把user_name换成变量，就取不到值了呢

Answer 1

上面好像没讲清楚，再发下：    my_form = document.getElementById("my_form");
var my_var = "user_name"
            alert(my_form.my_var.value);
            alert(my_form.user_name.value);
<form id="my_form">
<input type="text" name="user_name" value="" />
<input type="submit" name="submit" value="try" />
</form>是个简化的例子，没什么实际作用。我想知道，如何能把表单域名称user_name换成变量使用。

Answer 2

<form id="my_form">
<input type="text" name="user_name" value="aa" />
<input type="submit" name="submit" value="try" />
</form><script language="javascript">
var my_form = document.getElementById("my_form");
//alert(my_form.my_var.value);
alert(my_form.user_name.value);
</script>

Answer 3

<script type="text/javascript">
var my_form = document.getElementById("my_form");
//alert(my_form.my_var.value);
//alert(my_form.user_name.value);
var my_var = 'user_name';
alert(my_form[my_var].value);
</script>

Answer 4

typeof(my_form.user_name);
"object"
typeof(my_form.my_var);
"undefined"
typeof(my_form['user_name']);
"object"
typeof(my_form[my_var])
"object"