js 通過html()及text()方法獲取并設(shè)置p標(biāo)簽的顯示值
更新時間：2014年05月14日 10:08:01 作者：
這篇文章主要介紹了js 通過html()及text()方法獲取并設(shè)置p標(biāo)簽的顯示值,需要的朋友可以參考下
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元素進(jìn)行操作：
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);
此方法類似于JavaScript中的innerHTML屬性，可以用來讀取或者設(shè)置某個元素中的HTML內(nèi)容。要獲取某個元素的內(nèi)容，可以這樣：
復(fù)制代碼 代碼如下:
var p_html = $("p").html(); //獲取p元素的HTML代碼
如果需要設(shè)置某元素的HTML代碼，那么也可以使用該方法，不過需要為它傳遞一個參數(shù)。例如要設(shè)置p元素的HTML代碼，可以使用如下代碼：
復(fù)制代碼 代碼如下:
//設(shè)置p元素的HTML代碼
$("p").html("歡迎您訪問簡明現(xiàn)代魔法圖書館～～");
注意：html()方法可以用于XHTML文檔，但不能用于XML文檔。
text()方法
此方法類似于JavaScript中的innerText屬性，可以用來讀取或者沒置某個元素中的文本內(nèi)容。繼續(xù)使用以上的HTML代碼，用text()方法對p元素進(jìn)行操作：
復(fù)制代碼 代碼如下:
var p_text = $("p").text(); //獲取p元素的文本內(nèi)容
與html()方法一樣，如果需要為某元素設(shè)置文本內(nèi)容，那么也需要傳遞一個參數(shù)。例如對p元素設(shè)置文本內(nèi)容，代碼如下：
復(fù)制代碼 代碼如下:
// 設(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);
您可能感興趣的文章:
- 使用JS或jQuery模擬鼠標(biāo)點擊a標(biāo)簽事件代碼
- javascript和jquery修改a標(biāo)簽的href屬性
- JSP自定義標(biāo)簽Taglib實現(xiàn)過程重點總結(jié)
- php完全過濾HTML,JS,CSS等標(biāo)簽
- js 動態(tài)添加標(biāo)簽（新增一行，其實很簡單，就是幾個函數(shù)的應(yīng)用）
- js獲取input標(biāo)簽的輸入值實現(xiàn)代碼
- js使用html()或text()方法獲取設(shè)置p標(biāo)簽的顯示的值
- js(JavaScript)實現(xiàn)TAB標(biāo)簽切換效果的簡單實例
- 用JS實現(xiàn)HTML標(biāo)簽替換效果
- 原生JS實現(xiàn)不斷變化的標(biāo)簽
相關(guān)文章
js中的eval()函數(shù)把含有轉(zhuǎn)義字符的字符串轉(zhuǎn)換成Object對象的方法
下面小編就為大家?guī)硪黄猨s中的eval()函數(shù)把含有轉(zhuǎn)義字符的字符串轉(zhuǎn)換成Object對象的方法。小編覺的挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-12-12
這篇文章主要介紹了json格式數(shù)據(jù)的添加，刪除及排序方法,結(jié)合實例形式分析了針對一維數(shù)組與二維數(shù)組的json格式數(shù)據(jù)進(jìn)行增加、刪除與排序的實現(xiàn)技巧,需要的朋友可以參考下2016-01-01
本篇文章主要介紹了微信小程序引入es6 promise的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧2017-04-04
多個jquery.datatable共存,checkbox全選異常的快速解決方法
這篇文章主要介紹了多個jquery.datatable共存,checkbox全選異常的快速解決方法。需要的朋友可以過來參考下，希望對大家有所幫助2013-12-12
這篇文章主要為大家詳細(xì)介紹了JS實現(xiàn)省市縣三級下拉聯(lián)動，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-04-04
詳解小程序開發(fā)經(jīng)驗：多頁面數(shù)據(jù)同步
這篇文章主要介紹了小程序開發(fā)經(jīng)驗：多頁面數(shù)據(jù)同步，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-05-05
這篇文章主要介紹了深入理解javascript的getTime()方法,需要的朋友可以參考下2017-02-02
這篇文章主要介紹了JS相冊圖片抖動放大展示效果的示例代碼,代碼簡單易懂，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-01-01
項目中遇到了關(guān)于IPV6的一些問題，特意做一個專輯說明一下，希望能夠幫助有需要的同學(xué)！2016-06-06
Three.js中實現(xiàn)一個OBBHelper實例詳解
這篇文章主要介紹了Three.js中實現(xiàn)一個OBBHelper,本文參考Box3Helper源碼，并寫出一個OBBHelper，本文結(jié)合實例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2023-09-09