JS如何获取Input的name或者ID

JS如何获取Input的name或者ID,第1张

<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属性),这个方法需要考虑浏览器兼容性,但也可以实现

可以直接用name这个属性取到的name的值。下面是个小例子。仅供参考:

<body>

    <div id="div" name="div" style="width:100px; height:100px; background:#ccc;"></div>

</body>

<script>

    var oDiv = documentgetElmentById('div');

    oDivonclick=function(){

        alert(oDivname);   //这个时候填出 div 

    };

</script>

js获取元素方法有:

1、getElementById :根据指定的 id 属性值得到对象。返回 id 属性值等于 sID 的第一个对象的引用。假如对应的为一组对象,则返回该组对象中的第一个。

2、getElementsByName:getElementsByName(name)该方法与 getElementById() 方法相似,但是它查询元素的 name 属性,而不是 id 属性。

另外,因为一个文档中的 name 属性可能不唯一(如 HTML 表单中的单选按钮通常具有相同的 name 属性),所以getElementsByName() 方法返回的是所有匹配元素组成的数组,而不是一个元素。

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

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

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

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

以上就是关于JS如何获取Input的name或者ID全部的内容,包括:JS如何获取Input的name或者ID、javascript怎么获得元素的name属性、js获取元素方法等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址:https://54852.com/web/9737896.html

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

发表评论

登录后才能评论

评论列表(0条)

    保存