Dzwebs.Net

撰写电脑技术杂文十余年

js type elements示例代码

Admin | 2015-4-30 10:05:20 | 被阅次数 | 4142

温馨提示!

如果未能解决您的问题,请点击搜索;登陆可复制文章,点击登陆

  JS里面的elements,它是一个集合,即数组,可返回包含表单中所有元素的数组。

  元素在elements数组中出现的顺序和它们在表单的HTML 源代码中出现的顺序相同。

  type:表单中的每个元素都有一个 type 属性,其字符串值说明了元素的类型。

  type与elements的示例代码如下:

  elements的语法

  formObject.elements[].property

  提示:如果 elements[] 数组具有名称(input 标签的 id 或 name 属性),那么该元素的名称就是 formObject 的一个属性,因此可以使用名称而不是数字来引用 input 对象。

  举例,假设 x 是一个 form 对象,其中的一个 input 对象的名称是 fname,则可以使用 x.fname 来引用该对象。

  示例功能描述:下面的例子输出了所有表单元素的值和类型:

  <script type="text/javascript">
  var x=document.getElementById("myForm");
  for (var i=0;i<x.length;i++)
    {
    document.write(x.elements[i].value);
    document.write("<br />");
    document.write(x.elements[i].type);
    document.write("<br />");
    }
  </script>

  注意,其中myForm是表单的ID。

  下面再来一个例子:

  //检查表单元素是否为空,Form为表单的ID。
  function check(Form)
  {
   for (i=0;i<Form.length;i++){
   if(Form.elements[i].value == "")
   {
    alert(Form.elements[i].name + "不能为空!");
    Form.elements[i].focus();
    //指定表单元素获得焦点
    return;
   }
  }


该杂文来自: 网页制作杂文

上一篇:js判断控件 函数 变量等是否存在

下一篇:JS监听示例代码

网站备案号:

网站备案号:滇ICP备11001339号-7

版权属性:

Copyright 2007-2021-forever Inc. all Rights Reserved.

联系方式:

Email:dzwebs@126.com QQ:83539231 访问统计