js如何统计某个标签数量

【js如何统计某个标签数量】新建一个html文件 , 定名为test.html , 用于讲解js若何统计某个标签数目 。

js如何统计某个标签数量

文章插图

2在test.html文件中 , 利用p标签建立四段文字 , 代码如下:


js如何统计某个标签数量

文章插图

3在p标签的下面 , 利用button标签建立一个按钮 , 按钮名称为”点击统计“ 。


js如何统计某个标签数量

文章插图

4给button按钮绑定onclick点击事务 , 当按钮被点击时 , 执行myfun()函数 。


js如何统计某个标签数量

文章插图

5在test.html文件中 , 建立一个myfun()函数 , 代码如下:


js如何统计某个标签数量

文章插图

6在myfun()函数内 , 利用getElementsByTagName方式获得p标签对象 , 并利用length属性获得p标签的个数 , 最后 , 利用alert()方式以弹窗的形式显示p标签的数目 。

js如何统计某个标签数量

文章插图

7在浏览器中打开test.html文件 , 点击按钮 , 查看统计p标签的个数 。


js如何统计某个标签数量

文章插图

以上内容就是js如何统计某个标签数量的内容啦 , 希望对你有所帮助哦!

    推荐阅读