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

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

一、设计思路如下:

1、通过getElementsByTagName把input对象取出来。

2、通过name对input的那么属性进行赋值。

二、实例演示代码如下:

1、设计一个html页面,包括一个input和按钮,通过按钮修改input的name属性,并展示在input的value中。

2、执行函数如下:用getElementsByTagName把所有的input对象取出来,通过value的方式赋值。

3、此时的页面展示如下:

4、查看Dom节点,其name属性为:

5、点击按钮,查看执行效果:

6、查看DOM节点,input的name属性如下:

<input name="music" type="image" id="music" onclick="loadmusic(this)" size="6" src="torightpng" value="mp3">

<script language="javascript">

function loadmusic(o){

alert('name='+oname+' / id='+oid);

}

</script>

这个方法最简单,把当前对象做为参数传进去

或者不用参数伟递,也可以用event对象的srcElement属性得到触发事件的对象(在FireFox浏览器中需要用target属性),这个方法需要考虑浏览器兼容性,但也可以实现

以上就是关于怎么用js获取表单里input标签下的name参数的值并修改全部的内容,包括:怎么用js获取表单里input标签下的name参数的值并修改、JS如何获取Input的name或者ID,不是该INPUT的值哦、等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存