萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> innerHTML屬性,outerHTML屬性,textContent屬性,innerText屬性區別詳解

innerHTML屬性,outerHTML屬性,textContent屬性,innerText屬性區別詳解

   這篇文章主要介紹了javascript中的innerHTML屬性,outerHTML屬性,textContent屬性,innerText屬性區別詳解,都是個人經驗的總結,分享給大家,希望大家能夠喜歡。

  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標准的一部分。

  以上就是本文的全部內容了,希望對大家學習熟悉javascript能有所幫助。

copyright © 萬盛學電腦網 all rights reserved