DOM 获取id值的方法,DOM获取input的值

时间:2021-03-21 19:13:29
function $$(id){
return document.getElementById(id);
}

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

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

以上是获取id的值。


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

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

html部分的内容:

<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])

<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>