innerHTML屬性,outerHTML屬性,textContent屬性,innerText屬性區(qū)別詳解
innerHTML屬性用來(lái)讀取或設(shè)置某個(gè)節(jié)點(diǎn)內(nèi)的HTML代碼。
outerHTML屬性用來(lái)讀取或設(shè)置HTML代碼時(shí),會(huì)把節(jié)點(diǎn)本身包括在內(nèi)。
textContent屬性用來(lái)讀取或設(shè)置節(jié)點(diǎn)包含的文本內(nèi)容。
innerText屬性和outerText屬性在讀取元素節(jié)點(diǎn)的文本內(nèi)容時(shí),得到的值是不一樣的。它們的不同之處在于設(shè)置一個(gè)節(jié)點(diǎn)的文本屬性時(shí),outerText屬性會(huì)使得原來(lái)的元素節(jié)點(diǎn)被文本節(jié)點(diǎn)替換掉。注意,innerText是非標(biāo)準(zhǔn)屬性,F(xiàn)irefox不支持。
1.innerText受CSS影響,textcontent沒(méi)有這個(gè)問(wèn)題。比如,如果CSS規(guī)則隱藏了某段文本,innerText就不會(huì)返回這段文本,textcontent則照樣返回。
2.innerText返回的文本,會(huì)過(guò)濾掉空格、換行和回車(chē)鍵,textcontent則不會(huì)
3.innerText屬性不是DOM標(biāo)準(zhǔn)的一部分,F(xiàn)irefox瀏覽器甚至沒(méi)有部署這個(gè)屬性,而textcontent是DOM標(biāo)準(zhǔn)的一部分。
以上就是本文的全部?jī)?nèi)容了,希望對(duì)大家學(xué)習(xí)熟悉javascript能有所幫助。
相關(guān)文章
用JS實(shí)現(xiàn)簡(jiǎn)單的屏幕錄像機(jī)功能
這篇文章主要給大家介紹了如何用JS實(shí)現(xiàn)簡(jiǎn)單的屏幕錄像機(jī),文中通過(guò)代碼示例給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作有一定的幫助,需要的朋友可以參考下2023-12-12
讓JavaScript擁有類(lèi)似Lambda表達(dá)式編程能力的方法
在前幾天的博文中我發(fā)布了一個(gè)可以自定義頁(yè)碼呈現(xiàn)方式的組件,有C#和JavaScript兩個(gè)版本。2010-09-09
js限制input只能輸入有效的數(shù)字(第一個(gè)不能是小數(shù)點(diǎn))
有時(shí)候我們需要限制input只能輸入有效的數(shù)字,有且只有一個(gè)小數(shù)點(diǎn),第一個(gè)不能為小數(shù)點(diǎn),那么就可以參考下面的函數(shù)來(lái)實(shí)現(xiàn)2018-09-09
前端百度地圖添加點(diǎn)并跳轉(zhuǎn)到百度地圖進(jìn)行導(dǎo)航完整代碼
web開(kāi)發(fā)過(guò)程中經(jīng)常碰到需要調(diào)用百度地圖來(lái)視線定位導(dǎo)航的過(guò)程,許多技術(shù)博客上介紹的都是調(diào)用百度地圖的api,這篇文章主要給大家介紹了關(guān)于前端百度地圖添加點(diǎn)并跳轉(zhuǎn)到百度地圖進(jìn)行導(dǎo)航的相關(guān)資料,需要的朋友可以參考下2024-07-07
javascript 判斷字符串是否包含某字符串及indexOf使用示例
js javascript 判斷字符串是否包含某字符串,String對(duì)象中查找子字符及indexOf具體使用,感興趣的朋友可以參考下2013-10-10

