首頁 > web前端 > js教程 > js 透過html()及text()方法取得並設定p標籤的顯示值_javascript技巧

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

WBOY
發布: 2016-05-16 16:48:18
原創
1154 人瀏覽過
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);
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板