以下說的是原生js不是jquery。
找到錨點元素
元素屬性操作，事件操作
轉換錨點（在錨點元素內外查詢元素（查）
錨點內外增刪元素（增，刪，改）
element屬性與方法可以遍歷，增刪改整個dom結構，element參考如下。
除錯（大多瀏覽器支援js的除錯，斷點單步，打log，檢視變數。檢視js生成的html）
以下是360瀏覽器的除錯工具（其實就是谷歌的）
elements:是js動態執行生成的html
resources：是本頁用到的資源
network：暫時沒研究
sources：列出本頁用到的原始檔
timeline:暫時沒研究
prifiles：應該是效能分析，cpu事件，記憶體
audits:暫時沒研究
console：控制台，js的log就列印在這裡。例如：在js中寫console.info("123");控制台就會列印123 （console 支援log info warn error等方法）
附件是我簡單寫的乙個例項。
JS基礎 DOM增刪改
document.createelement 可以用於建立乙個元素節點物件，它需要乙個標籤名作為引數，將會根據該標籤名建立元素節點物件，並將建立好的物件作為返回值返回 document.createtextnode 可以用來建立乙個文字節點物件 需要乙個文字內容作為引數，將會根據該內容建立文字節點，...
js基礎 DOM增刪改
可以用於建立乙個元素節點物件，它需要乙個標籤名作為引數，將會根據該標籤名建立元素節點物件，並將建立好的物件作為返回值返回。可以用來建立乙個文字節點物件，需要乙個文字內容作為引數，將會根據該內容建立文字節點，並將新的節點返回。在指定的子節點 已有的子節點 前插入新的子節點。語法 父節點.insertb...
js中dom節點的增刪改
obj.insertbefore newnode，oldnode obj是父節點，在oldnode前面新增newnode obj.replacechild newnode，oldnode obj是父節點，用newnode替換oldnode obj.removechild oldnode obj是父節...