innerHTML屬性，outerHTML屬性，textContent屬性，innerText屬性區(qū)別詳解_javascript技巧

來(lái)源：懂視網(wǎng) 責(zé)編：小采時(shí)間：2020-11-27 21:35:36

innerHTML屬性，outerHTML屬性，textContent屬性，innerText屬性區(qū)別詳解_javascript技巧

innerHTML屬性，outerHTML屬性，textContent屬性，innerText屬性區(qū)別詳解_javascript技巧: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í)，得到的值是不一樣的。

推薦度：

點(diǎn)擊下載本文 文檔為doc格式

導(dǎo)讀innerHTML屬性，outerHTML屬性，textContent屬性，innerText屬性區(qū)別詳解_javascript技巧: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í)，得到的值是不一樣的。

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ò)濾掉空格、換行和回車鍵，textcontent則不會(huì)

3.innerText屬性不是DOM標(biāo)準(zhǔn)的一部分，F(xiàn)irefox瀏覽器甚至沒(méi)有部署這個(gè)屬性，而textcontent是DOM標(biāo)準(zhǔn)的一部分。

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com