先來看看示範效果:
歡迎參觀腳本之家PHP教學
此方法類似JavaScript中的innerHTML屬性,可以用來讀取或設定某個元素中的HTML內容。要取得某個元素的內容,可以這樣:
var p_html = $("p").html(); //获取p元素的HTML代码
如果需要設定某元素的HTML程式碼,那麼也可以使用該方法,不過需要為它傳遞一個參數。例如要設定p元素的HTML程式碼,可以使用以下程式碼:
//设置p元素的HTML代码 $("p").html("欢迎您访问脚本之家~~");
注意:html()方法可以用於XHTML文檔,但不能用於XML文檔。
此方法類似JavaScript中的innerText屬性,可以用來讀取或沒置某個元素中的文字內容。繼續使用以上的HTML程式碼,用text()方法對p元素進行操作:
var p_text = $("p").text(); //获取p元素的文本内容
與html()方法一樣,如果需要為某個元素設定文字內容,那麼也需要傳遞一個參數。例如對p元素設定文字內容,程式碼如下:
// 设置p元素的文本内容 $("p").text("欢迎您访问脚本之家教程~~");
要注意下面兩點:
1.JavaScript中的innerText屬性並不能在Firefox瀏覽器下運行,而jQuery的text()方法支援所有的瀏覽器.