js 透過html()及text()方法取得並設定p標籤的顯示值_javascript技巧

html()方法

此方法類似JavaScript中的innerHTML屬性，可以用來讀取或設定某個元素中的HTML內容。要取得某個元素的內容，可以這樣：

複製程式碼 程式碼如下:

var p_html = $("p").html(); //取得p元素的HTML程式碼

如果需要設定某元素的HTML程式碼，那麼也可以使用該方法，不過需要為它傳遞一個參數。例如要設定p元素的HTML程式碼，可以使用以下程式碼：

複製程式碼 程式碼如下:

//設定p元素的HTML程式碼
$("p").html("歡迎您造訪簡明現代魔法圖書館～～");

注意：html()方法可以用於XHTML文檔，但不能用於XML文檔。

text()方法

此方法類似JavaScript中的innerText屬性，可以用來讀取或沒置某個元素中的文字內容。繼續使用以上的HTML程式碼，用text()方法對p元素進行操作：

複製程式碼 程式碼如下:

var p_text = $("p").text(); //取得p元素的文字內容

與html()方法一樣，如果需要為某元素設定文字內容，那麼也需要傳遞一個參數。例如對p元素設定文字內容，程式碼如下：

複製程式碼 程式碼如下:

/ / 設定p元素的文字內容
$("p").text("歡迎您造訪簡明現代魔法圖書館～～");

要注意下面兩點：

JavaScript中的innerText屬性並不能在Firefox瀏覽器下運行，而jQuery的text()方法支援所有的瀏覽器．
text()方法對HTML文件和XML文件都有效。

顯示好友清單時，在顯示好友名字的

元素中設定：

，這樣js檔就可以動態取得

元素的id，並且順利透過text()方法賦值$("#p" userId).text(name);