js使用html()或text()方法獲取設置p標簽的顯示的值
html()方法
此方法類似于JavaScript中的innerHTML屬性,可以用來讀取或者設置某個元素中的HTML內(nèi)容。要獲取某個元素的內(nèi)容,可以這樣:
var p_html = $("p").html(); //獲取p元素的HTML代碼
如果需要設置某元素的HTML代碼,那么也可以使用該方法,不過需要為它傳遞一個參數(shù)。例如要設置p元素的HTML代碼,可以使用如下代碼:
//設置p元素的HTML代碼 $("p").html("歡迎您訪問簡明現(xiàn)代魔法圖書館~~");
注意:html()方法可以用于XHTML文檔,但不能用于XML文檔。
text()方法
此方法類似于JavaScript中的innerText屬性,可以用來讀取或者沒置某個元素中的文本內(nèi)容。繼續(xù)使用以上的HTML代碼,用text()方法對p元素進行操作:
var p_text = $("p").text(); //獲取p元素的文本內(nèi)容
與html()方法一樣,如果需要為某元素設置文本內(nèi)容,那么也需要傳遞一個參數(shù)。例如對p元素設置文本內(nèi)容,代碼如下:
// 設置p元素的文本內(nèi)容 $("p").text("歡迎您訪問簡明現(xiàn)代魔法圖書館~~");
要注意下面兩點:
JavaScript中的innerText屬性并不能在Firefox瀏覽器下運行,而jQuery的text()方法支持所有的瀏覽器.
text()方法對HTML文檔和XML文檔都有效。
顯示好友列表時,在顯示好友名字的<p></p>元素中設置:<p id="p${friend.friendId}"></p>,這樣js文件就可以動態(tài)獲取<p></p>元素的id,并順利通過text()方法賦值$("#p"+userId).text(name);
相關文章
使用純前端JavaScript實現(xiàn)Excel導入導出方法過程詳解
這篇文章主要介紹了使用純前端JavaScript實現(xiàn)Excel導入導出方法過程詳解,文章通過示例代碼和圖文解析介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧2020-08-08JavaScript實現(xiàn)動態(tài)添加Form表單元素的方法示例
這篇文章主要介紹了JavaScript實現(xiàn)動態(tài)添加Form表單元素的方法,結合實例形式分析了javascript表單元素操作相關函數(shù)使用方法與相關注意事項,需要的朋友可以參考下2017-08-08