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);