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