新建一个html文件,定名为test.html,用于讲解js怎么获取多个span元素。
在test.html文件内,建立一个div,并设置其id属性为mydiv。
在test.html文件内,在div元素里面界说多个span元素,代码如下:
在test.html文件内,再建立一个button按钮,并给button按钮绑心猿意马onclick点击事务,当按钮被点击时,执行getspan()函数获得所有的span元素。
在test.html文件的js标签内,利用function建立一个getspan()函数,代码如下:
在getspan()函数内,利用getElementById()方式获得div对象,再利用getElementsByTagName()方式获得div对象下所有的span元素。
在getspan()函数内,利用for轮回获得obj对象内的所有内容,将内容保留description变量中,最后,利用alert()方式以弹窗的形式显示description变量的内容。
在浏览器运行test.html页面,点击按钮,查看获得所有span对象中的内容。
0 篇文章
如果觉得我的文章对您有用,请随意打赏。你的支持将鼓励我继续创作!