几种实用的JavaScript鼠标特效,在我们平时网页设计中，鼠标特效可以说是常常会用到，那么今天我们来讲讲通过JS代码实现一些实用的鼠标特效，希望对大家有用。......
2023-03-17 533 JAVASCRIPT 鼠标
如何获取span标签的值
来源：互联网
2023-03-16 23:58:19 193
如何获取span标签的值?如果要获取span标签的值，就必须借助javascript脚本语言来实现。下面，小编就为大家介绍一下如何通过javascript脚本来获取span标签值，希望能对大家有所帮助。
方法/步骤
搭建演示环境
为方便进行演示，我们首先新建一个网页文件，文件主要代码如下：
html>
head>
meta charset="utf-8">
title>教程/title>
/head>
body>
他有一双 span id="boy" style="color:blue;font-weight:bold">蓝色/span> 的眼睛。br/>
她有一双 span name="girl" style="color:darkolivegreen;font-weight:bold">碧绿色/span> 的眼睛。
/
/body>
/html>
如果大家不知如何新建网页，可查看下面引用经验的网页创建部分。
5如何创建站点首页
获取span标签的值
方法1：利用标签对象数组来获取值
在javascript脚本语言中，所有的标签元素都可以看成一个个对象，相同的标签元素可看成一个对象数组。比如，我们要获取第二个span标签元素对象，可使用代码：document.getElementsByTagName('span')[1]获取。
而获取某个元素的值，则可以使用元素对象的属性方法innerText来获得。所以获取第二个span标签元素的内容可以用以下代码：
script language=javascript>
alert(document.getElementsByTagName('span')[1].innerText);
/script>
可以看到获取的值“碧绿色”是正确的！
方法2：利用元素名来获取值
在javascript脚本语言中，通过标签的名称，即name属性也可定位到该对象。比如，我们要获取第二个span标签元素对象，可使用代码：document.getElementsByName('girl')[0]获取，而获取值同样用innerText方法。
script language=javascript>
alert(document.getElementsByName('girl')[0].innerText);
/script>
在代码中，我们看到元素名对象同样是使用了数组，这是为什么呢？因为在html中，是允许同名元素存在的，所以某个name的元素可能存在多个，这里只有一个，所以用【0】表示。
方法3：利用元素ID来获取值
在javascript脚本语言中，还可以通过标签的ID值，即ID属性来定位对象，而且ID值是不能有重复，具有唯一性。比如，我们要获取第一个span标签元素对象的值，可使用代码：document.getElementById('boy').innerText获取。
获取标签内的html内容
利用上面三种方法，我们可以成功获取标签的值，其实除了获取标签内的文本值外，我们还可以使用innerHTML属性来获取标准内的html内容。如下代码：
html>
head>
meta charset="utf-8">
title>教程/title>
/head>
body>
span id="boy" >a>蓝色/a>/span>
/
/body>
script language=javascript>
alert(document.getElementById("boy").innerText "\n" document.getElementById("boy").innerHTML);
/script>
/html>
以上方法由办公区教程网编辑摘抄自百度经验可供大家参考！
标签： JAVASCRIPT
上一篇：怎么判断js代码被删除 下一篇：html页面怎么判断下拉框是否为空
相关文章
- 详细阅读
-
如何开始学习javascript详细阅读
如何开始学习javascript,html是网页的内容，c是网页的格式，h是网站的后台，j是网站的前端，那么如何学习j，才能高效？......
2023-03-17 258 JAVASCRIPT
- 详细阅读