Js和jQ获取span元素内容

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()来获取.