Js和jQ获取span元素内容

来源:互联网 发布:开源笔记软件 编辑:程序博客网 时间:2024/06/01 07:24

html中代码

<span id="spanId">正常</span>

javascript中获取方式:

1 var value=document.getElementById("spanId");2 console.log(value.innerText); 3 console.log(value.innerHTML); 4 //以上两条都能输出span标签的值: 正常;

jquery中获取方式:

1 var value=$("#spanId");2 console.log(value.val()); //输出: (无值);3 console.log(value.text()); //输出: 正常;4 console.log(value.html()); //输出: 正常;

注意:

***在JS中使用innerHTML时希望自己注意,不要写成了value.innerHtml ,这样输出结果就是 undefined ;**在表单中习惯性的选用val()来获取值,但是在span标签继续想用val()方法的时候打印空值;span这个容器需要用text()来获取.