方法如下:
<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写的一个页面里面的标签等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)