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

這篇文章主要介紹了js 透過html()及text()方法取得並設定p標籤的顯示值,需要的朋友可以參考下

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文件都有效。
顯示好友清單時，在顯示好友名字的e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3元素中設定：0902c5e87743c2c26b0dd04c4b8b3f6694b3e26ee717c64999d7867364b1b4a3，這樣js檔案就可以動態取得e388a4556c0f65e1904146cc1a846bee94b3e26ee717c64999d7867364b1b4a3元素的id，並且順利透過text()方法賦值$("#p" userId).text(name);

##

以上是js 透過html()及text()方法取得並設定p標籤的顯示值的詳細內容。更多資訊請關注PHP中文網其他相關文章！