首頁 > web前端 > js教程 > JQuery取得與設定HTML元素的內容或文字的實作程式碼_jquery

JQuery取得與設定HTML元素的內容或文字的實作程式碼_jquery

WBOY
發布: 2016-05-16 16:43:49
原創
1593 人瀏覽過

先來看看示範效果:

歡迎參觀腳本之家PHP教學

  • 腳本之家PHP教學
  • 簡單易懂的JavaScript魔法
  • 簡單易懂的JQuery魔法

html()方法

此方法類似JavaScript中的innerHTML屬性,可以用來讀取或設定某個元素中的HTML內容。要取得某個元素的內容,可以這樣:
var p_html = $("p").html();	//获取p元素的HTML代码 
登入後複製

如果需要設定某元素的HTML程式碼,那麼也可以使用該方法,不過需要為它傳遞一個參數。例如要設定p元素的HTML程式碼,可以使用以下程式碼:
//设置p元素的HTML代码
$("p").html("欢迎您访问脚本之家~~"); 
登入後複製

注意:html()方法可以用於XHTML文檔,但不能用於XML文檔。

text()方法

此方法類似JavaScript中的innerText屬性,可以用來讀取或沒置某個元素中的文字內容。繼續使用以上的HTML程式碼,用text()方法對p元素進行操作:
var p_text = $("p").text(); //获取p元素的文本内容  
登入後複製

與html()方法一樣,如果需要為某個元素設定文字內容,那麼也需要傳遞一個參數。例如對p元素設定文字內容,程式碼如下:
// 设置p元素的文本内容
$("p").text("欢迎您访问脚本之家教程~~");  
登入後複製

要注意下面兩點:


1.JavaScript中的innerText屬性並不能在Firefox瀏覽器下運行,而jQuery的text()方法支援所有的瀏覽器.

2.text()方法對HTML文檔和XML文檔都有效。
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板