在現在這麼封裝好的API下。爲什麼還要來學習最原始的document。這是因爲這個是所有的基礎，最原聲的js的操作。對jquery.js、vue.js、angular.js等都是對這個封裝。
document文檔參考如下：
https://developer.mozilla.org/en-US/docs/Web/API/Document
我們開始解析：
首先打開百度：輸入document傑克查看到當前的document對象內容。
這裏有一個坑是關於console.log的。曾今坑了半天時間。現在想來是懊惱的。如上圖我們發現console.log居然不生效了。原因就是因爲filter中有內容，刪掉可以了。
所以關於document的操作，建議不用console.log。
操作舉例子：
這裏要提醒一句getId和className是有很大的差距的。自己對比上面的圖。不要理解錯誤。
其他操作請查看API就好。
操作無非獲取結點，獲取屬性，觸發事件幾種。
這裏重點講下對this的理解：
<p>news-details works!</p><br><br><br><br>
<button id="this_id" style="color: red" (click)="testThis(this)">測試this</button>
在angular中這個this是傳當前html的ts的內容。
在原生js中：傳的是當前的div。我們可以通過它獲取當前div的一切。
這裏突然想起要記錄點內容因爲也不曉得放哪裏寫。就放這裏把😄😄。
我們可以在Application查看local storage，cookies，session stroage等。
前些天遇到bug。發現Cookie從登陸開始有四個，走着走着只有三個。導致很多請求都掛了。最後定位到後臺做添加操作時移除了一個。
經過這個事。對於全局跟隨的，我發現原來還有一種debuggr方式，那裏就是直接看Application走查看即可。
感覺寫的太水了。補充點內容。。。。
控制顯示和增加子節點：（具體還是查看文檔吧，內容太多，比如下面還有各種樣式操作，插入文本text,html等）
