xiyueta.debug() | xiyueta 工具方法

xiyueta.debug() 工具方法

显示全部Html的Dom结构

xiyueta.debug()工具方法，两种调用方式：
1、xiyueta.debug(); //在控制台里显示全部Html的Dom结构
2、xiyueta.debug(true); //在浏览器里显示全部HTML结构源码

总结：打印出当前解析出来的HTML结构，以数组方法显示。html:为标记块，label: 为标记名称，lv: 为层级，tagpair: 为单双标记，upHtml: 为标记上方文本内容，downHtml: 为标记下方文本内容。xiyueta().debug()为显示匹配元素集第一条Html的Dom结构
尝试一下>>

代码
效果

<script src="https://www.xiyueta.com/js/xiyueta.min.js"></script>
<script>var html = [
    '<ul>',
    '   <li><div><a href="1.jpg" id="nav"></a></div>11</li>',
    '   <li>2</li>',
    '   <li>3</li>',
    '   <li>4</li>',
    '   <li>5</li>',
    '</ul>]'
].join("\n");

$.load(html);
$.debug(true); //浏览器里显示匹配元素集第一条Html的Dom结构
$.debug(); //控制台里显示匹配元素集第一条Html的Dom结构
</script>