新建一个html文件 ， 定名为test.html ， 用于讲解js怎么获取多个span元素 。
文章插图
2在test.html文件内 ， 建立一个div ， 并设置其id属性为mydiv 。
文章插图
3【js怎么获取多个span元素】在test.html文件内 ， 在div元素里面界说多个span元素 ， 代码如下：
文章插图
4在test.html文件内 ， 再建立一个button按钮 ， 并给button按钮绑定onclick点击事务 ， 当按钮被点击时 ， 执行getspan()函数获得所有的span元素 。
文章插图
5在test.html文件的js标签内 ， 利用function建立一个getspan()函数 ， 代码如下：
文章插图
6在getspan()函数内 ， 利用getElementById()方式获得div对象 ， 再利用getElementsByTagName()方式获得div对象下所有的span元素 。
文章插图
7在getspan()函数内 ， 利用for轮回获得obj对象内的所有内容 ， 将内容保留description变量中 ， 最后 ， 利用alert()方式以弹窗的形式显示description变量的内容 。
文章插图
8在浏览器运行test.html页面 ， 点击按钮 ， 查看获得所有span对象中的内容 。
文章插图
以上内容就是js怎么获取多个span元素的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- win10怎么关闭屏幕保护程序，屏幕保护怎么关闭
- qq群不小心解散了怎么恢复
- qq阅读怎么免费刷书币
- QQ空间说说不想让别人赞怎么设置
- 怎么在QQ空间发表说说动态
- 抖音画头纱是什么软件，抖音怎么画头纱
- 怎么知道QQ好友有没有屏蔽自己
- 楚留香手游怎么抓马 走马山河玩法驯马心得
- 生化尖兵怎么玩？
- 没有胶水怎么做水晶泥