js使用html()或text()方法獲取設(shè)置p標簽的顯示的值
更新時間：2014年08月01日 15:29:40 投稿：whsnow
html()方法可以用來讀取或者設(shè)置某個元素中的HTML內(nèi)容，text()方法可以用來讀取或者沒置某個元素中的文本內(nèi)容
html()方法
此方法類似于JavaScript中的innerHTML屬性，可以用來讀取或者設(shè)置某個元素中的HTML內(nèi)容。要獲取某個元素的內(nèi)容，可以這樣：
var p_html = $("p").html(); //獲取p元素的HTML代碼
如果需要設(shè)置某元素的HTML代碼，那么也可以使用該方法，不過需要為它傳遞一個參數(shù)。例如要設(shè)置p元素的HTML代碼，可以使用如下代碼：
//設(shè)置p元素的HTML代碼
$("p").html("歡迎您訪問簡明現(xiàn)代魔法圖書館～～");
注意：html()方法可以用于XHTML文檔，但不能用于XML文檔。
text()方法
此方法類似于JavaScript中的innerText屬性，可以用來讀取或者沒置某個元素中的文本內(nèi)容。繼續(xù)使用以上的HTML代碼，用text()方法對p元素進行操作：
var p_text = $("p").text(); //獲取p元素的文本內(nèi)容
與html()方法一樣，如果需要為某元素設(shè)置文本內(nèi)容，那么也需要傳遞一個參數(shù)。例如對p元素設(shè)置文本內(nèi)容，代碼如下：
// 設(shè)置p元素的文本內(nèi)容
$("p").text("歡迎您訪問簡明現(xiàn)代魔法圖書館～～");
要注意下面兩點：
JavaScript中的innerText屬性并不能在Firefox瀏覽器下運行，而jQuery的text()方法支持所有的瀏覽器．
text()方法對HTML文檔和XML文檔都有效。
顯示好友列表時，在顯示好友名字的<p></p>元素中設(shè)置：<p id="p${friend.friendId}"></p>，這樣js文件就可以動態(tài)獲取<p></p>元素的id，并順利通過text()方法賦值$("#p"+userId).text(name);
您可能感興趣的文章:
相關(guān)文章
下面小編就為大家?guī)硪黄狫S轉(zhuǎn)換HTML轉(zhuǎn)義符的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-08-08
本文主要對javascript中的（Event）事件進行介紹，文章篇尾舉了幾個案例：方塊隨著鼠標移動；輸入框文字提示；仿select控件；留言本；自定義右鍵菜單；鍵盤控制div運動。需要的朋友可以看下2016-12-12
這篇文章主要介紹了js實現(xiàn)登錄時記住密碼的方法,結(jié)合實例形式分析了JavaScript基于cookie實現(xiàn)存儲登錄密碼相關(guān)操作技巧,需要的朋友可以參考下2020-04-04
使用純前端JavaScript實現(xiàn)Excel導(dǎo)入導(dǎo)出方法過程詳解
這篇文章主要介紹了使用純前端JavaScript實現(xiàn)Excel導(dǎo)入導(dǎo)出方法過程詳解，文章通過示例代碼和圖文解析介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
這篇文章主要為大家詳細介紹一下JavaScript中prototype的使用，文中的示例代碼講解詳細，對我們學(xué)習(xí)有一定幫助，需要的可以參考一下2022-05-05
JavaScript實現(xiàn)動態(tài)添加Form表單元素的方法示例
這篇文章主要介紹了JavaScript實現(xiàn)動態(tài)添加Form表單元素的方法,結(jié)合實例形式分析了javascript表單元素操作相關(guān)函數(shù)使用方法與相關(guān)注意事項,需要的朋友可以參考下2017-08-08
你不知道的 TypeScript 高級類型(小結(jié))
這篇文章主要介紹了你不知道的 TypeScript 高級類型(小結(jié))，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-08-08
這篇文章主要介紹了純JS前端實現(xiàn)分頁代碼的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-06-06
最近寫管理端的需求，發(fā)現(xiàn)有一個excel導(dǎo)出的需求，所以正好本文就來和大家分享一下導(dǎo)出excel文件的三種實現(xiàn)方式，感興趣的小伙伴可以了解一下2023-07-07
Javascript引用指針使用介紹，需要的朋友可以參考下2012-11-11