您的位置：首页 > 其它

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

2015-07-21 16:53 423 查看

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>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 通过id name class 不同的属

相关文章推荐

新的分享

章节导航