javascript怎么获取div下name相同值的个数

在js中, 可以通过获得相同name的元素对象, 使用length属性获得元素的个数 。 下面小编举例讲解javascript怎么获取div下name相同值的个数 。

javascript怎么获取div下name相同值的个数

文章插图

需要这些哦
html+js
代码编纂器:z studio 10.0
方式/
1新建一个html文件, 定名为test.html, 用于讲解javascript怎么获取div下name不异值的个数 。
javascript怎么获取div下name相同值的个数

文章插图

2在test.html文件中, 在div标签内, 利用input标签建立三个文本框, 用于测试 。
javascript怎么获取div下name相同值的个数

文章插图

3在test.html文件中, 设置input标签name属性为myInput, 用于下面获得input对象 。
javascript怎么获取div下name相同值的个数

文章插图

4在test.html文件中, 利用button标签建立一个按钮, 给button绑定onclick点击事务, 当按钮被点击时, 执行getNum()函数 。
javascript怎么获取div下name相同值的个数

文章插图

5在js标签内, 建立getNum()函数, 在函数内, 经由过程getElementsByName方式, 操纵name属性值获得不异name的元素对象, 再利用length属性获得元素个数, 最后, 利用alert()方式输出成果 。
javascript怎么获取div下name相同值的个数

文章插图

6在浏览器打开test.html文件, 点击按钮, 查看成果 。
javascript怎么获取div下name相同值的个数

文章插图

总结:1【javascript怎么获取div下name相同值的个数】1、在div标签内, 利用input标签建立三个文本框, 用于测试 。 2、设置input标签name属性为myInput, 用于下面获得input对象 。 3、在js中, 经由过程getElementsByName方式, 操纵name属性值获得不异name的元素对象, 再利用length属性获得元素个数, 最后, 利用alert()方式输出成果 。


以上内容就是javascript怎么获取div下name相同值的个数的内容啦, 希望对你有所帮助哦!

    推荐阅读