在js中 ， 可以使用for循环遍历每一个span对象 ， 通过innerHTML获得每个span的内容 。 下面小编举例讲解js如何获取同一个元素的内容 。
文章插图
需要这些哦
html+js
代码编纂器：z studio 10.0
方式/
1新建一个html文件 ， 定名为test.html ， 用于讲解js若何获取统一个元素的内容 。
文章插图
2在test.html文件中 ， 利用span标签建立多行文字 ， 用于测试 。
文章插图
3在test.html文件中 ， 利用button标签建立一个按钮 ， 给button绑定onclick点击事务 ， 当按钮被点击时 ， 执行getcon()函数 。
文章插图
4在js标签内 ， 建立getcon()函数 ， 在函数内 ， 经由过程getElementsByTagName()方式获得span元素对象 ， 并界说一个空字符串变量str 。
文章插图
5在getcon()函数内 ， 利用for轮回遍历每一个span对象 ， 经由过程innerHTML获得每个span的内容 ， 并将其拼接至str字符串中 ， 最后 ， 利用alert()方式输出成果 。
文章插图
6在浏览器打开test.html文件 ， 点击按钮 ， 查看成果 。
文章插图
总结：1【js如何获取同一个元素的内容】1、利用span标签建立多行文字 。
2、在js中 ， 经由过程getElementsByTagName()方式获得span元素对象 ， 并界说一个空字符串变量str ， 利用for轮回遍历每一个span对象 ， 经由过程innerHTML获得每个span的内容 ， 并将其拼接至str字符串中 ， 最后 ， 利用alert()方式输出成果 。
以上内容就是js如何获取同一个元素的内容的内容啦 ， 希望对你有所帮助哦！
推荐阅读
- js如何向指定id的div输出内容
- jQuery如何获得对象中元素的个数
- EXCEL如何制作四象限图表散点图
- Excel中如何画出两个纵坐标轴的图表
- 工行网上银行如何查询回单凭证
- 如何组织一个活动?
- 如何让别人还钱？
- 手机如何查看已经记住的wifi密码
- 如何注册开通QQ公众平台账号？
- 在WORD文档中如何移动文本框？