获取表单内部元素的N种方法

最新推荐文章于 2020-12-31 16:18:14 发布

耐耐~

最新推荐文章于 2020-12-31 16:18:14 发布

阅读量3.1k

点赞数 1

分类专栏： # js(停更) 文章标签：获取表单里面元素的N种方法

js(停更) 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

今天讲讲获取表单元素的N种方法~

以上是部分资料参考的地方：http://blog.csdn.net/h12kjgj/article/details/61624509

先给出一个实例。

输入数字1~10，弹出输入的数字，并计算该数字的阶乘；如果输入的数字不在该范围内，则输出“balabala自己编的一些话”

源代码：

<html>
<head>
<title> </title>
<meta charset = 'utf-8'>
<script language="javascript">
function Count()
{
var i,r,s=1;
r=document.form1.textfield.value;
if(r>=1&&r<=10)
{
alert(r);
for(i=1;i<=r;i++)
{
s=s*i;
}
document.form1.textfield2.value=s;
}
else
alert("请输入1到10的数字");
}
</script>
</head>
<body>
<form name='form1'>
  <label>
  <div align="center">
    <p><label>请输入一个小于10的正整数：
      <input type="text" name="textfield">
  </label>
    </p>
    <p><label>输入数据后，按此按钮可在下框中得到所输入数的阶乘：
      <input type="button" value="显示结果" onClick="Count()">
    </label>
    </p>
    <p>
      <input type="text" name="textfield2" >
    </p>
  </div>
  </label>
</form>
<p> </p>
</body>
</html>

1.利用id+form获取的方法

上面的例子就是用到的这个方法

r=document.form1.textfield.value;

document.form1.textfield2.value=s;

注意：如果要获取一个div标签，比如<div id='head'></div>

就可以这样获取该div

2.利用查找函数的方法，如getElementById()方法

r=document.getElementById('textfield').value

document.getElementById('textfield2').value=s

注意：如果这里用id查找函数，那么相应的标签也要有id属性

还有其他查找方法，可以参考：http://blog.csdn.net/f156207495/article/details/78183740

3.利用forms方法

r=document.forms[0].textfield.value

document.forms[0].textfield2.value=s

forms方法：

forms可以获取当前文档的所有form项，获取了form项后我们提取出来第一个表单，然后再模仿第一种方法即可

4.利用elements方法

r=document.form1.elements[0].value

document.form1.elements[2].value=s

elements方法：

elements可以获取表单的所有标签

耐耐~

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
获取表单内部元素的N种方法

今天讲讲获取表单元素的N种方法~以上是部分资料参考的地方：http://blog.csdn.net/h12kjgj/article/details/61624509先给出一个实例。输入数字1~10，弹出输入的数字，并计算该数字的阶乘；如果输入的数字不在该范围内，则输出“balabala自己编的一些话”源代码： function Count(){var i,r,
复制链接

扫一扫

专栏目录