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元素進行操作：

復(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文檔都有效。

顯示好友列表時，在顯示好友名字的元素中設(shè)置：，這樣js文件就可以動態(tài)獲取元素的id，并順利通過text()方法賦值$("#p"+userId).text(name);

您可能感興趣的文章:

p標(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ù)的添加，刪除及排序方法
這篇文章主要介紹了json格式數(shù)據(jù)的添加，刪除及排序方法,結(jié)合實例形式分析了針對一維數(shù)組與二維數(shù)組的json格式數(shù)據(jù)進行增加、刪除與排序的實現(xiàn)技巧,需要的朋友可以參考下
2016-01-01
微信小程序引入es6 promise
本篇文章主要介紹了微信小程序引入es6 promise的相關(guān)知識。具有很好的參考價值。下面跟著小編一起來看下吧
2017-04-04
多個jquery.datatable共存,checkbox全選異常的快速解決方法
這篇文章主要介紹了多個jquery.datatable共存,checkbox全選異常的快速解決方法。需要的朋友可以過來參考下，希望對大家有所幫助
2013-12-12
JS實現(xiàn)省市縣三級下拉聯(lián)動
這篇文章主要為大家詳細(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()方法
這篇文章主要介紹了深入理解javascript的getTime()方法,需要的朋友可以參考下
2017-02-02
JS相冊圖片抖動放大展示效果的示例代碼
這篇文章主要介紹了JS相冊圖片抖動放大展示效果的示例代碼,代碼簡單易懂，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-01-01
JavaScript獲取IP獲取的是IPV6 如何校驗
項目中遇到了關(guān)于IPV6的一些問題，特意做一個專輯說明一下，希望能夠幫助有需要的同學(xué)！
2016-06-06
Three.js中實現(xiàn)一個OBBHelper實例詳解
這篇文章主要介紹了Three.js中實現(xiàn)一個OBBHelper,本文參考Box3Helper源碼，并寫出一個OBBHelper，本文結(jié)合實例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下
2023-09-09