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)代魔法圖書館～～");
要注意下面兩點(diǎn)：
JavaScript中的innerText屬性并不能在Firefox瀏覽器下運(yùn)行，而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)點(diǎn)擊a標(biāo)簽事件代碼
- javascript和jquery修改a標(biāo)簽的href屬性
- JSP自定義標(biāo)簽Taglib實(shí)現(xiàn)過程重點(diǎn)總結(jié)
- php完全過濾HTML,JS,CSS等標(biāo)簽
- js 通過html()及text()方法獲取并設(shè)置p標(biāo)簽的顯示值
- js 動態(tài)添加標(biāo)簽（新增一行，其實(shí)很簡單，就是幾個函數(shù)的應(yīng)用）
- js獲取input標(biāo)簽的輸入值實(shí)現(xiàn)代碼
- js(JavaScript)實(shí)現(xiàn)TAB標(biāo)簽切換效果的簡單實(shí)例
- 用JS實(shí)現(xiàn)HTML標(biāo)簽替換效果
- 原生JS實(shí)現(xiàn)不斷變化的標(biāo)簽
相關(guān)文章
這篇文章主要介紹Ionic如何創(chuàng)建APP項目的相關(guān)資料,非常不錯具有參考借鑒價值，需要的朋友可以參考下2016-06-06
JavaScript排序算法動畫演示效果的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄狫avaScript排序算法動畫演示效果的實(shí)現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
本文主要介紹了js實(shí)現(xiàn)一個猜數(shù)字游戲的實(shí)例代碼。具有很好的參考價值，下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了詳解ES6語法之可迭代協(xié)議和迭代器協(xié)議,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-01-01
JavaScript async/await原理及實(shí)例解析
這篇文章主要介紹了JavaScript async/await原理及實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-12-12
這篇文章主要介紹了刪除ID為sNews的索引為JQID的tr元素里的內(nèi)容,需要的朋友可以參考下2014-04-04
js使用swiper實(shí)現(xiàn)層疊輪播效果實(shí)例代碼
這篇文章主要給大家介紹了關(guān)于js使用swiper實(shí)現(xiàn)層疊輪播效果的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
今天小編就為大家分享一篇layui表格 列自動適應(yīng)大小失效的解決方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
微信小程序遍歷Echarts圖表實(shí)現(xiàn)多個餅圖
這篇文章主要介紹了微信小程序遍歷Echarts圖表實(shí)現(xiàn)多個餅圖，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04
本文主要介紹了js實(shí)現(xiàn)抽獎效果的方法實(shí)例。具有很好的參考價值。下面跟著小編一起來看下吧2017-03-03