js增删dom控件 js的调试 断点与log

以下说的是原生js不是jquery。

找到锚点元素
   元素属性操作，事件操作

转换锚点（在锚点元素内外查找元素（查）

锚点内外增删元素（增，删，改）

element属性与方法可以遍历，增删改整个dom结构，element参考如下。

http://www.w3school.com.cn/jsref/dom_obj_all.asp

调试（大多浏览器支持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等方法）

附件是我简单写的一个实例。