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

xxj00 2014-12-03

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

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


转换锚点(在锚点元素内外查找元素(查)


锚点内外增删元素(增,删,改)

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

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

调试(大多浏览器支持js的调试,断点单步,打log,查看变量。查看js生成的html)

以下是360浏览器的调试工具(其实就是谷歌的)
js增删dom控件 js的调试 断点与log
Elements:是js动态执行生成的html

Resources:是本页用到的资源

Network:暂时没研究

Sources:列出本页用到的源文件

Timeline:暂时没研究

Prifiles:应该是性能分析,cpu事件,内存

Audits:暂时没研究

Console:控制台,js的log就打印在这里。例如:在js中写console.info("123");控制台就会打印123 (console 支持log info warn error等方法)

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

相关推荐