js 通過html()及text()方法獲取并設(shè)置p標(biāo)簽的顯示值
此方法類似于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("歡迎您訪問簡明現(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("歡迎您訪問簡明現(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 動(dòng)態(tài)添加標(biāo)簽(新增一行,其實(shí)很簡單,就是幾個(gè)函數(shù)的應(yīng)用)
- js獲取input標(biāo)簽的輸入值實(shí)現(xiàn)代碼
- js使用html()或text()方法獲取設(shè)置p標(biāo)簽的顯示的值
- js(JavaScript)實(shí)現(xiàn)TAB標(biāo)簽切換效果的簡單實(shí)例
- 用JS實(shí)現(xiàn)HTML標(biāo)簽替換效果
- 原生JS實(shí)現(xiàn)不斷變化的標(biāo)簽
相關(guān)文章
Cropper.js進(jìn)階實(shí)現(xiàn)圖片旋轉(zhuǎn)裁剪處理功能示例
這篇文章主要為大家介紹了Cropper.js進(jìn)階實(shí)現(xiàn)圖片旋轉(zhuǎn)裁剪功能示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-05-05Bootstrap彈出框(Popover)被擠壓的問題小結(jié)
比較了下Bootstrap的popover和一些其它的開源項(xiàng)目,覺得Bootstrap的還算不錯(cuò)。在使用過程中遇到了一系列問題,下面小編給大家分享Bootstrap彈出框(Popover)被擠壓的問題小結(jié),需要的朋友參考下吧2017-07-07js限制input只能輸入有效的數(shù)字(第一個(gè)不能是小數(shù)點(diǎn))
有時(shí)候我們需要限制input只能輸入有效的數(shù)字,有且只有一個(gè)小數(shù)點(diǎn),第一個(gè)不能為小數(shù)點(diǎn),那么就可以參考下面的函數(shù)來實(shí)現(xiàn)2018-09-09微信小程序向Java后臺(tái)傳輸參數(shù)的方法實(shí)現(xiàn)
這篇文章主要介紹了微信小程序向Java后臺(tái)傳輸參數(shù)的方法實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12HTML5+Canvas調(diào)用手機(jī)拍照功能實(shí)現(xiàn)圖片上傳(上)
這篇文章主要為大家詳細(xì)介紹了HTML5+Canvas,和jquery技術(shù),調(diào)用手機(jī)拍照功能實(shí)現(xiàn)圖片上傳,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-04-04Javascript必知必會(huì)(四)js類型轉(zhuǎn)換
這篇文章主要介紹了Javascript必知必會(huì)(四)js類型轉(zhuǎn)換 的相關(guān)資料,非常不錯(cuò)具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06javascript eval函數(shù)深入認(rèn)識(shí)
發(fā)現(xiàn)為本文起一個(gè)合適的標(biāo)題還不是那么容易,呵呵,所以在此先說明下本文的兩個(gè)目的2009-02-02javascript中toFixed()四舍五入使用方法詳解
最近做的項(xiàng)目涉及到金額的計(jì)算,有一種方式就是進(jìn)行四舍五入的規(guī)則進(jìn)行小數(shù)點(diǎn)后面的尾數(shù)處理,以前一直以為toFixed方法就是四舍五入的,這里為大家分享一下2018-09-09