js获取span标签的值
2016-03-16 11:20
447 查看
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
function loadText(){
var spanValue = document.getElementById("getSpanText").innerHTML;
alert("spanValue = " + spanValue);
}
</script>
</head>
<body onload="loadText()">
<span id="getSpanText">Jason</span>
</body>
</html>
HTML中代码为：
[html] view plain copy
<span id="testid">aaaa</span>
获取的js代码：
var x1 = document.getElementById("testid").innerText;
alert("x1="+x1);
var x2 = document.getElementById("testid").innerHTML;
alert("x2="+x2);
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
function loadText(){
var spanValue = document.getElementById("getSpanText").innerHTML;
alert("spanValue = " + spanValue);
}
</script>
</head>
<body onload="loadText()">
<span id="getSpanText">Jason</span>
</body>
</html>
HTML中代码为：
[html] view plain copy
<span id="testid">aaaa</span>
获取的js代码：
方法一：.innerText
[javascript] view plain copyvar x1 = document.getElementById("testid").innerText;
alert("x1="+x1);
方法二：.innerHTML
[javascript] view plain copyvar x2 = document.getElementById("testid").innerHTML;
alert("x2="+x2);
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JS事件_动态添加
- ajax加载外部json并显示在页面
- Javascript的表单验证长度
- 星号代替数字 js语句
- javaScript事件
- json对象与字符串互转
- js日历
- Js Map
- jstack判断线程死锁命令
- js闭包的用处
- JavaScript进阶(七)JS截取字符串substr 和 substring方法的区别
- JavaScript进阶(七)JS截取字符串substr 和 substring方法的区别
- JavaScript事件机制详解
- 深入学习JavaScript(二)
- 百度地图js根据经纬度定位和拖动定位点
- js format 函数的实现
- js实现加减乘除
- js上下浮动广告
- 邮箱、帐号、手机号和电话的javascript正则表达式验证方法
- js偏门知识的理解