innerHTML屬性,outerHTML屬性,textContent屬性,innerText屬性區別詳解_javascript技巧
來源:懂視網
責編:小采
時間:2020-11-27 21:35:36
innerHTML屬性,outerHTML屬性,textContent屬性,innerText屬性區別詳解_javascript技巧
innerHTML屬性,outerHTML屬性,textContent屬性,innerText屬性區別詳解_javascript技巧:innerHTML屬性用來讀取或設置某個節點內的HTML代碼。 outerHTML屬性用來讀取或設置HTML代碼時,會把節點本身包括在內。 textContent屬性用來讀取或設置節點包含的文本內容。 innerText屬性和outerText屬性在讀取元素節點的文本內容時,得到的值是不一樣的。
導讀innerHTML屬性,outerHTML屬性,textContent屬性,innerText屬性區別詳解_javascript技巧:innerHTML屬性用來讀取或設置某個節點內的HTML代碼。 outerHTML屬性用來讀取或設置HTML代碼時,會把節點本身包括在內。 textContent屬性用來讀取或設置節點包含的文本內容。 innerText屬性和outerText屬性在讀取元素節點的文本內容時,得到的值是不一樣的。

innerHTML屬性用來讀取或設置某個節點內的HTML代碼。
outerHTML屬性用來讀取或設置HTML代碼時,會把節點本身包括在內。
textContent屬性用來讀取或設置節點包含的文本內容。
innerText屬性和outerText屬性在讀取元素節點的文本內容時,得到的值是不一樣的。它們的不同之處在于設置一個節點的文本屬性時,outerText屬性會使得原來的元素節點被文本節點替換掉。注意,innerText是非標準屬性,Firefox不支持。
1.innerText受CSS影響,textcontent沒有這個問題。比如,如果CSS規則隱藏了某段文本,innerText就不會返回這段文本,textcontent則照樣返回。
2.innerText返回的文本,會過濾掉空格、換行和回車鍵,textcontent則不會
3.innerText屬性不是DOM標準的一部分,Firefox瀏覽器甚至沒有部署這個屬性,而textcontent是DOM標準的一部分。
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
innerHTML屬性,outerHTML屬性,textContent屬性,innerText屬性區別詳解_javascript技巧
innerHTML屬性,outerHTML屬性,textContent屬性,innerText屬性區別詳解_javascript技巧:innerHTML屬性用來讀取或設置某個節點內的HTML代碼。 outerHTML屬性用來讀取或設置HTML代碼時,會把節點本身包括在內。 textContent屬性用來讀取或設置節點包含的文本內容。 innerText屬性和outerText屬性在讀取元素節點的文本內容時,得到的值是不一樣的。