怎么用js获取表单里input标签下的name参数的值并修改

怎么用js获取表单里input标签下的name参数的值并修改,第1张

方法如下:

<input

name="kk"></input>

<script

language="javascript">

//

这里用getElementsByTagName把所有的input对象取出来,这是你这个问题的关键性的地方,用ByTagName而不是ByName。

var

inputList

=

documentgetElementsByTagName("input");

//

循坏这个集合,包括了所有的input。

for(i=0;i<listlength;i++){

//

这里d出的就是'kk',当然也可以根据需要输出别的。比如:list[i]id;

list[i]value等等。

alert(list[i]name);

//

这是修改这个值

list[i]name

=

'mm';

//

这时d出的就是'mm'了

alert(list[i]name);

}

</script>

思路:需要用到js的循环,使用for循环即可;

先用getElementsByTagName获取到所有的input标签,再用for循环获取到所有的value。

代码如下:

<input type="text" value="a" />//放上去一个input

<input type="text" value="b" />

<input type="text" value="c" />

<input type="text" value="d" />

<input type="text" value="e" />

<input type="text" value="f" />

<input type="text" value="g" />

<input type="text" value="h" />

<script>

var oinput=documentgetElementsByTagName('input');//获取到所有的input

for(i=0;i<oinputlength;i++){//开始for循环

alert(oinput[i]value);

}

</script>

请问是获取单个checkbox还是获取一个集合:

1、获取单个checkbox的情况:在checkbox上面确定一个id,然后用documentgetElementsById就能够获取到这个元素;这只是单个的,但是checkbox肯定不是单个的;(我就先说下这个情况,勿喷);

2、获取一个checkbox集合:在每个checkbox设定统一的class,然后定义一个集合(例:var colList = documentgetElementsByClassName("{这里需要填写的是class的名称}")),因为通过class得到的就算是一个值也是数组,所以要循环这个数组,循环数为之前定义colListlength,这样就能得到所要获取的标签了(同样getElementsByTagName方法得到的也是一个数组,也得用这个方法来循环)

如果不懂,可以追问,我给你例子

因为P标签不止一个。

var p= documentgetElementsByTagName('p');

getElementsByTagName这个函数的返回值是个数组

不管有几个p标签,返回都是数组,所以就要使用[0]来取其中的一个。

HTML结构:

<div id="test">

id=test: <span>Glen</span><span>Tane</span><span>John</span><span>Ralph</span>

</div>

<div id="test1">

id=test0: <span>Glen1</span><span>Tane1</span><span>John1</span><span>Ralph1</span>

</div>

<input type='button' value='获取id为test的div下的span' onClick="fun()"/>

扩展资料:

getElementsByTagName() 方法会使用指定的标签名返回所有的元素(作为一个节点列表),这些元素是在使用此方法时所处的元素的后代。

getElementsByTagName() 可被用于任何的 HTML 元素

如果把特殊字符串 "" 传递给 getElementsByTagName() 方法,它将返回文档中所有元素的列表,元素排列的顺序就是它们在文档中的顺序。

传递给 getElementsByTagName() 方法的字符串可以不区分大小写。

参考资料来源:百度百科-getElementsByTagName

原生JS获取某节点的方法:

documentgetEelementById(id);//根据id获取此节点

documentgetEelementsByName(name);//根据name获取此节点集

documentgetEelementsByTagName(tagName);//根据标签名获取此节点集

documentgetEelementsByClassName(className);//根据class名称获取此节点集

documentquerySelector(selector);//根据此选择器获取此节点集第一个节点

documentquerySelectorAll(selector);//根据此选择器获取所有此类节点集

js获取标签类函数:

方法一:innerText

var x1 = documentgetElementById("testid")innerText;

alert("x1="+x1);

方法二:innerHTML

var x2 = documentgetElementById("testid")innerHTML;

alert("x2="+x2);

1、首先打开html编辑器,新建一个html文件,里面写入4个li标签,并在上方的style标签中设置li的样式,给li标签高度和宽度以及边框,同时设置li标签之间的间隔。

2、然后在script标签中写入js,首先用getElementsByTagName获取所有li标签的dom元素,任何使用for循环遍历数组中的元素,for循环内部设置每个li标签的index元素,在给每个元素添加点击事件,点击之后就会d出li标签的index值出来。

3、最后打开浏览器,点击其中的一个标签,就会d出对应的li标签数值了。

以上就是关于怎么用js获取表单里input标签下的name参数的值并修改全部的内容,包括:怎么用js获取表单里input标签下的name参数的值并修改、js代码怎么得到window.document.getElementsByTagName("input")的所有value、document.getElementsByTagName获取js写的一个页面里面的标签等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9283587.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-26
下一篇 2023-04-26

发表评论

登录后才能评论

评论列表(0条)

保存