PHP基礎班初學心得：JS裡inner的一些理解

標籤：ext   div   innerhtml   html   初學者   包含   使用   str   對象   

本人剛參加PHP基礎班培訓，由於之前毫無基礎，分享的心得可能不規範，方法也許也“旁門左道”，不能保證品質，只作自己總結學習，也希望能協助到同樣是初學者的朋友們，共同進步。

在這裡分享一下我們基礎班學員遇到的一些疑點和我的分析。PS：分析不一定正確，希望同行指教

一：inner

1. 如：  
2.   
3. <div id="test">  
4.    <span style="color:red">test1</span> test2  
5. </div>  
6.   
7. 在JS中可以使用：  
8.   
9. test.innerHTML:  
10.   
11. 　　也就是從對象的起始位置到終止位置的全部內容,包括Html標籤。  
12.   
13. 　　上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”。  
14.   
15. test.innerText:   
16.   
17. 　　從起始位置到終止位置的內容, 但它去除Html標籤   
18.   
19. 　　上例中的text.innerTest的值也就是“test1 test2”, 其中span標籤去除了。  
20.   
21. test.outerHTML:  
22.   
23. 　　除了包含innerHTML的全部內容外, 還包含對象標籤本身。  
24.   
25. 　　上例中的text.outerHTML的值也就是<div id="test"><span style="color:red">test1</span> test2</div>  

心得：inner是作為一個變數的屬性來使用的，裡面innerText是只有IE瀏覽器才識辨，另外如innerHTML是可以設定的，如果innerHTML="xxxx"，這個xxxx就會替代innerHTML選擇的內容

PHP基礎班初學心得：JS裡inner的一些理解