***起因***

其實只是一個Jquery很簡單的小問題、小概念。

但一開始不瞭解時,真的只覺得滿心迷惘,老是取不到自己要的內容,故還是特此註記一下。

另外強調,必須是Jquery的元件才能使用以下jquery的方式取得值。

val() text()

1. 用於輸入元素(e.g., input, select)

2. for the HTML attribute "value"

1. 適用非輸入元素(e.g., p, div)

2. 取得組合文本內容,for the innerHTML ( innerText ? )

 

補充 :

某友人提醒,應為for innerText,而非innerHTML。

以此處來說,因innerHTML是符合W3C標準的屬性,而innerText只適用於IE瀏覽器,後來被Chrome跟其他瀏覽器跟進,會被呼籲盡量不要使用。以參考資料原文來說,也不算有誤。

不過依現狀,如瀏覽器支援的前提下,應為innerText結果才會相符。

innerHTML可使用jQuery html() method

 


 

***範例***

<label>A

  <span>B</span>

</label>

會得到結果如下

 


 

資料來源 : 
Difference between val() and text()

Val vs Text in JQuery

JavaScript - HTML DOM Methods

文章標籤
全站熱搜
創作者介紹
創作者 律晴音 的頭像
律晴音

聆風之境

律晴音 發表在 痞客邦 留言(0) 人氣(192)