js使用html()或text()方法獲取設(shè)置p標(biāo)簽的顯示的值
html()方法
此方法類似于JavaScript中的innerHTML屬性,可以用來讀取或者設(shè)置某個(gè)元素中的HTML內(nèi)容。要獲取某個(gè)元素的內(nèi)容,可以這樣:
var p_html = $("p").html(); //獲取p元素的HTML代碼
如果需要設(shè)置某元素的HTML代碼,那么也可以使用該方法,不過需要為它傳遞一個(gè)參數(shù)。例如要設(shè)置p元素的HTML代碼,可以使用如下代碼:
//設(shè)置p元素的HTML代碼
$("p").html("歡迎您訪問簡(jiǎn)明現(xiàn)代魔法圖書館~~");
注意:html()方法可以用于XHTML文檔,但不能用于XML文檔。
text()方法
此方法類似于JavaScript中的innerText屬性,可以用來讀取或者沒置某個(gè)元素中的文本內(nèi)容。繼續(xù)使用以上的HTML代碼,用text()方法對(duì)p元素進(jìn)行操作:
var p_text = $("p").text(); //獲取p元素的文本內(nèi)容
與html()方法一樣,如果需要為某元素設(shè)置文本內(nèi)容,那么也需要傳遞一個(gè)參數(shù)。例如對(duì)p元素設(shè)置文本內(nèi)容,代碼如下:
// 設(shè)置p元素的文本內(nèi)容
$("p").text("歡迎您訪問簡(jiǎn)明現(xiàn)代魔法圖書館~~");
要注意下面兩點(diǎn):
JavaScript中的innerText屬性并不能在Firefox瀏覽器下運(yùn)行,而jQuery的text()方法支持所有的瀏覽器.
text()方法對(duì)HTML文檔和XML文檔都有效。
顯示好友列表時(shí),在顯示好友名字的<p></p>元素中設(shè)置:<p id="p${friend.friendId}"></p>,這樣js文件就可以動(dòng)態(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 動(dòng)態(tài)添加標(biāo)簽(新增一行,其實(shí)很簡(jiǎn)單,就是幾個(gè)函數(shù)的應(yīng)用)
- js獲取input標(biāo)簽的輸入值實(shí)現(xiàn)代碼
- js(JavaScript)實(shí)現(xiàn)TAB標(biāo)簽切換效果的簡(jiǎn)單實(shí)例
- 用JS實(shí)現(xiàn)HTML標(biāo)簽替換效果
- 原生JS實(shí)現(xiàn)不斷變化的標(biāo)簽
相關(guān)文章
JavaScript排序算法動(dòng)畫演示效果的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄狫avaScript排序算法動(dòng)畫演示效果的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-10-10
js實(shí)現(xiàn)一個(gè)猜數(shù)字游戲
本文主要介紹了js實(shí)現(xiàn)一個(gè)猜數(shù)字游戲的實(shí)例代碼。具有很好的參考價(jià)值,下面跟著小編一起來看下吧2017-03-03
JavaScript async/await原理及實(shí)例解析
這篇文章主要介紹了JavaScript async/await原理及實(shí)例解析,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-12-12
js使用swiper實(shí)現(xiàn)層疊輪播效果實(shí)例代碼
這篇文章主要給大家介紹了關(guān)于js使用swiper實(shí)現(xiàn)層疊輪播效果的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
layui表格 列自動(dòng)適應(yīng)大小失效的解決方法
今天小編就為大家分享一篇layui表格 列自動(dòng)適應(yīng)大小失效的解決方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2019-09-09
微信小程序遍歷Echarts圖表實(shí)現(xiàn)多個(gè)餅圖
這篇文章主要介紹了微信小程序遍歷Echarts圖表實(shí)現(xiàn)多個(gè)餅圖,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-04-04

