html:

1 <span id="content">‘我是span標籤的內容’</span>

javascript獲取:

1 var cont=document.getElementById("content");
2 console.log('innerText cont= '+ cont.innerText); 
3 console.log('innerHtml cont= '+ cont.innerHTML); 
4 //以上兩條都能輸出span標籤的值‘我是span標籤的內容’；

jquery獲取:

1 var cont=$("#content");
 
2 console.log(cont.val()); //輸出  (無值);
3 console.log(cont.text()); //輸出 ‘我是span標籤的內容’;
4 console.log(cont.html()); //輸出 ‘我是span標籤的內容’;

小知識：

***在JS中使用innerHTML時希望自己注意，不要寫成了cont.innerHtml ，這樣輸出結果就是 undefined ；
**在表單中習慣性的選用val()來獲取值，但是在span標籤繼續想用val()方法的時候列印空值；
*無奈想了一下，span這個容器需要用text()來獲取的呀，我淚奔了，逃走~~·

在做專案的時候，為了取到span的value可謂費盡心思，其實問題很簡單...

分析：首先我取到了span標籤這個物件，好像很快就能取到value值了，我使用了jq裡面的text(),val()等一些常用的取值方法，但是根本不行。

然後我看了看jq的api，在屬性中有attr(),仔細看了看，一想就明白了，value不就是這個物件的屬性？

解決：$("span").attr("value");

小小的積累，大大的未來。