JavaScript（6）：给表单中的每个input元素设置随机的值【或随机的名】

最新推荐文章于 2024-05-09 12:01:45 发布

Geoffwo

最新推荐文章于 2024-05-09 12:01:45 发布

阅读量266

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/wgx_0504/article/details/128546185

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

分析

form对象.elements：获取form中的所有input元素标记对
form对象.elements[数组索引]：获取某个input元素标记对
form对象.elements[数组索引].type：获取/设置当前input的type值

代码

给表单中的每个input元素设置随机的值
给表单中的每个input元素设置随机的name

//给表单中的每个input元素设置随机的值
function setRandomData (){
    //获取表单内的元素
    //querySelector()方法仅仅返回匹配指定选择器的第一个元素
    var formElements=document.querySelector("form").elements;

    //根据name的值，设置不同类型的随机数
    for (var i = 0; i < formElements.length; i++) {
        //如果不是按钮
        if(formElements[i].type!=='button'&&formElements[i].type!=='submit'){
            //给每个input元素设置随机的value
            formElements[i].value="geo"+i+"ffwo"+i;
            //给每个input元素设置随机的name
            //formElements[i].name="geo"+i+"ffwo"+i;
        }
    }
}