js如何获取同一个元素的内容
在js中，可以使用for循环遍历每一个span对象，通过innerHTML获得每个span的内容。下面小编举例讲解js如何获取同一个元素的内容。
东西/原料
- html+js
- 代码编纂器：zend 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
1、利用span标签建立多行文字。
2、在js中，经由过程getElementsByTagName()方式获得span元素对象，并界说一个空字符串变量str，利用for轮回遍历每一个span对象，经由过程innerHTML获得每个span的内容，并将其拼接至str字符串中，最后，利用alert()方式输出成果。
- 发表于 2020-06-06 19:00
- 阅读 ( 178 )
- 分类：其他类型
