1
2
3
function  $$(id){
     return  document.getElementById(id);
}

获取id的值:(可直接传值,不用每次都写document.getElementById("***");)

1
$$( "txtR" ).value; //单引号 和双引号 都可以!

以上是获取id的值。


若没有设置id值,只有name属性时,在form表单中获取input的值:

1
2
3
4
function  test(f){
     var  ipt = document.frm.text_value.value;
     alert( "input的值:" +ipt);
}

html部分的内容:

1
2
3
< form  name = "frm" >
     < input  name = "text_value"  type = "text"  onChange = "test(this.value);" />
</ form >

id与name的区别:

id是对标签的唯一标识,而name不一定!name相同时,可以作为一组单选按钮。页面中创建锚点时一般用的是name的值。

对应的脚本:name -->  document.name;

        id  -->  document.getElementById("id");


以下是有class时获取input的值的用法:(class可能有多个所以用:[0])

1
2
3
4
5
6
7
8
9
10
11
12
< script  type = "text/javascript" >
     function testClass(f){
         var cpt = document.frm.getElementsByClassName("class_value")[0].value;
         alert("class的值:"+cpt);
     }
</ script >
</ head >
< body >   
     < form  name = "frm" >
     < input  class = "class_value"  type = "text"  onChange = "testClass(this.value);" />
     </ form >
</ body >