JQuery屬性與樣式——.html()和.text()

發(fā)布時間：2020-07-18 01:46:21 來源：網(wǎng)絡(luò) 閱讀：661 作者：拉考的考拉欄目：web開發(fā)

.html()和.text()

1 .html與.text用于讀取修和改元素的html結(jié)構(gòu)或者文本內(nèi)容

2 .html()獲取集合中第一個匹配元素的HTML內(nèi)容或設(shè)置每一個匹配元素的html內(nèi)容

3.html()的3種方法

.html()不傳入值，只獲取集合中第一個匹配元素的HTML內(nèi)容

.html(htmlString)設(shè)置每一個匹配元素的html內(nèi)容

.html(function(index,oldhtml))返回設(shè)置HTML內(nèi)容的一一個函數(shù)

4 .html()方法使用的是DOM的innerHTML屬性來處理，所以針對整個HTML內(nèi)容，不僅僅只是文本內(nèi)容

5 .text()得到匹配元素集合中每個元素的文本內(nèi)容結(jié)合（包括他們的后代）或設(shè)置匹配元素集合中每個元素的文本內(nèi)容為指定的文本內(nèi)容

6 .text()的方法有3種

.text()得到匹配元素集合中每個元素的合并文本，包括他們的后代

.text(textString)用于設(shè)置匹配元素內(nèi)容的文本

.text(function(index,text))用來返回設(shè)置文本內(nèi)容的一個函數(shù)

7 .text()結(jié)果返回一個字符串，包括所有匹配元素的合并文本

8 .html與.text的不同

.html處理的是元素內(nèi)容，.text處理的是文本內(nèi)容

.html只能使用在HTML文檔中，.text在XML和HTML文檔中都能使用

火狐不支持innerText屬性，用了類似的textContent屬性，而.text可以兼容所有的瀏覽器

8 .html與.text的相同點

.html與.text的方法操作是一樣的，只是在具體針對處理對象不同

html與text處理的對象只有一個子文本節(jié)點，則結(jié)果一樣

向AI問一下細節(jié)

猜你喜歡