JQ和Js獲取span標簽的內容

 

html:

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

 

javascript獲取:

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

 

jquery獲取:

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

 

小知識：

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