轉自：https://www.cnblogs.com/anniey/p/6439021.html

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()來獲取的呀，我淚奔了，逃走~~·

總結

以上是生活随笔為你收集整理的JQ和Js获取span标签的内容的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。